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使用

希望能帮到你

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

Vue项目——Vue开发掘金WebApp(仿掘金App)
这里写自定义目录标题正文介绍效果图完成度交互完成度后续正文介绍该项目是抄袭仿照掘金客户端使用Vue开发的WebApp.里面所有的API均来自官方Android.页面基本上和掘金App ...
混合开发监听安卓手机物理返回键
混合开发监听安卓手机物理返回键在用h5做混合开发过程中由于有个考试考试页面,中途不能退出,退出要添加确认操作,所以需要监听手机的返回操作,不让用户直接通过返回键返回目前了解到混合开发中有两种方式监 ...
VUE 物理返回键的处理
H5退出时所遇到的问题: 1.按返回键或anroid手机的物理返回键时,都不走destroy方法. 2.按物理返回键,添加popstate监听时, (1)历史记录要准确,否则会执行多次监听方法 (2) ...
通过手机物理返回键实现弹出层的隐藏
通过手机物理返回键实现弹出层的隐藏 <template><div class="popup"><h1 @click="popup" ...
JavaScript监听手机物理返回键的两种解决方法
JavaScript监听手机物理返回键的两种解决方法参考文章: (1)JavaScript监听手机物理返回键的两种解决方法 (2)https://www.cnblogs.com/xzzzys/p/8 ...
unity调用安卓手机物理返回键和home键
使用unity制作游戏时,有时候需要在游戏中触发手机的物理返回键和home键,下面在update方法中每帧监听是否按下了该键,然后写入自己要调用的方法 using System.Collections ...
JS监听手机物理返回键（及IOS微信端的bug）
需求场景有一天,头儿给我提了这样一个需求: 无论页面如何跳转,在首页的时候再按返回,直接退出... 解决思路关闭网页好说,由于我们的项目是微信公众号,直接调用微信浏览器的内置函数: WeixinJ ...
uniapp踩坑（五）：监听手机物理返回键和滑动返回事件
需求 android端和ios端点击手机物理返回键(左上角的)或页面滑动键退出后,弹出弹框,点击确定后才退出该页面. 截图展示: 实现代码: 在onBackPress()方法中实现. 注意一定要在su ...
微信H5如何关闭浏览器（如何监听手机的物理返回键）
一.背景背景是这样的:该项目进入h5时会通过 location.replace(xxx) 或 location.href = xxx 跳转到某个地址①,该地址会请求获得微信 openId:获取成功后 ...

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

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

最新文章

热门文章