每次都要连接到手机测试,是不是挺麻烦?
自己用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);