html5手机常亮,vue开发的webapp中的手机物理返回键，以及屏幕常亮处理

前言:

最近一直在做App，最近一周就要收尾了，其中有两个功能要加上:

1.用户点击手机的返回键不会退出App，而是会返回上一层;

2.用户在App中需要保持屏幕常亮;

正文:

本来我是想采用uniapp进行开发的，但是同事没有用过，经过一番协商决定采用vue先开发，然后再打包成webapp;

但是vue开发的产品是SPA应用,手机返回键应该是以为这个应用不是一个“App”,而是一个“webpage”,于是就直接退出应用了;

原生的javaScript肯定无法操作移动设备，或者说是调用其Api,所以我采用了 html5Plus语法;

解决方法:

1.下载mui.min.js;(去HBuilderX)新建一个5+App项目，在里面能拿到这个js文件;

2.用HBuilderX打开你打包之后的文件,找到index.html,注意!!!! 这里需要手动把第一步的mui.min.js文件放到打包之后的js文件夹中;

3.在index.html中script src 引入 mui.min.js;

4.然后再写一个script标签;里面写上这些就可以了;

html5Plus使用

希望能帮到你