mui.openWindow的html5+和web傳參的兼容

mui.openWindow兼容web&plus環境下的頁面傳參

---

背景介紹

• 剛剛好要寫個微信公眾號和html5+兼容的項目
• 發現總是用localStorage傳參不是事啊
• 太不優雅了
• 想了想還是想辦法兼容下吧

兼容原理

• 調用mui.openWindow前先判斷相關環境,執行相關兼容方法

使用場景

• 需要兼容網頁&html5+的項目
• 項目需要引入mui.js
• 打開頁面/webview用的是mui.openWindow

使用方法

引入mui.openWindow.js文件,正常寫傳參代碼

mui.openWindow({
    url: 'target.html',
    id: 'target',
    extras: {name:'mui'}
});

接收參數頁面

// 同步調用
if (mui.os.plus) {
    mui.plusReady(function(){
        var extras = mui.getExtras();
        console.log(extras);
    });
}else{
    var extras = mui.getExtras();
    console.log(extras);
}
// 異步調用
mui.getExtras(function(extras){
    console.log(extras);
});

上源碼

• github (覺得ok的記得給我點個星星啊)
• 點我在線預覽 (記得給我點個星星啊)

原文地址：https://segmentfault.com/a/1190000014935624