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的記得給我點個星星啊)
• 點我線上預覽 (記得給我點個星星啊)

本文轉載於猿2048:mui.openWindow的html5+和web傳參的相容