mui.openWindow的html5+和web传参的兼容

2021-03-08 07:29

阅读:602

标签:margin   padding   原理   console   tor   公众号   script   article   else   

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传参的兼容

mui.openWindow的html5+和web传参的兼容

标签:margin   padding   原理   console   tor   公众号   script   article   else   

原文地址:https://www.cnblogs.com/jlfw/p/12800195.html


评论


亲,登录后才可以留言!