是是非非
是是非非
  • 发布:2018-07-24 18:52
  • 更新:2019-05-17 18:51
  • 阅读:2003

分享个在本地浏览器(Chrome)调试plus的stub脚本

分类:HTML5+

每次都要连接到手机测试,是不是挺麻烦?
自己用js在浏览器里模拟实现了一遍plus。
最初版本是去年的,今年回头一看,h5+的API突然一下增加好多,写不下去了
分享出来给大家尝尝。

Toast,confirm这些NativeUI的,也模拟了一个,当时是在WeUI下写的,引用下就好了。
附件是 plus.js 放到合适的地方让浏览器加载就好了。
难看,但是能在浏览器里把关键流程走通。

页面里需要做一点判断

    var __plus_is_ready = false;  
    window.addEventListener('load', function () {  
        //这里是调试用的,本地开发浏览器支持  
        if (!/Html5Plus/.test(window.navigator.userAgent)) {  
            var x = document.createElement('link');  
            x.type = "text/css";  
            x.rel = "stylesheet";  
            x.href = "/css/weui.css";  
            document.head.insertAdjacentElement('beforeEnd', x);  

            var z = document.createElement('script');  
            z.type = "text/javascript";  
            z.src = "/js/plus.js";  
            document.head.insertAdjacentElement('beforeEnd', z);  
            window.setTimeout(_onPlusReady, 100);  

            document.cookie = 'Token=tmxia08hoikiq7wu'  
        }  
    }, false);  

    function _onPlusReady() {  
        console.log('_onPlusReady');  
        if (__plus_is_ready) {  
            return;  
        } else {  
            __plus_is_ready = true;  
        }  
        //其它要做的事情  

    }  
    document.addEventListener('plusready', _onPlusReady, false);  
2 关注 分享
DCloud_heavensoft Trust

要回复文章请先登录注册

Ferris

Ferris

请问如何在浏览器环境下测试手机刘海屏呢?
2019-05-17 18:51
是是非非

是是非非 (作者)

嗯,后端程序员,不喜欢mui。
主要是为了在本地模拟定位、oAuth、支付、WebView管理才做的。
2018-07-24 19:04
DCloud_heavensoft

DCloud_heavensoft

其实其中nativeUI的代码,使用mui的写法,可以直接在浏览器里运行。
2018-07-24 19:01