1.h5打包后的app侧滑解决方案
我是看到很多这种解决方案,对于第一次遇到这种需求(或者bug问题)的人,只知道这样可以用,但不知道怎么用,为了避免浪费大家时间,我找了更多博主的博文对比之后发现 写一大堆 不如直接一点,例如这位博文的博主:
h5打包后的app侧滑解决方案
这里借花献佛一下,格式化了这篇博文的代码, 如下:
<!----黄金分割线巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉---->
代码
<!-- 使用 web2App将H5打包成 App 遇到了侧滑直接退出程序,并没有返回上一页 -->
<script>
document.addEventListener('plusready', () => { // 等待plus ready后再调用5+ API:
let first = null;
const webview = plus.webview.currentWebview()
plus.key.addEventListener('backbutton', () => {
webview.canBack((e) => {
if(e.canBack) {
webview.back()
} else { // 首次按键,提示‘再按一次退出应用’
if(!first) {
first = new Date().getTime() // 通过H5+ API 调用Android 上的toast 提示框
plus.nativeUI.toast('再按一次退出应用', { duration: 'short' })
setTimeout(() => { first = null }, 1000)
} else {
if(new Date().getTime() - first < 1000) {
plus.runtime.quit() // 退出应用 //
webview.close(); //hide,quit
}
}
}
})
})
})
</script>
完!就可以了!
<!----黄金分割线巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉---->
2.怎么使用,类似vue等单页面应用这段代码放哪呢?
使用方法
很简单:
对于vue项目来说,只需要将其放在public->index.html的body标签下面。