HTML5实现APP永不锁屏

用HTML5做一个APP的时候，需要做一个永不锁屏的功能。然后去设置手机的时候发现手机并不能设置永不锁屏，所以就只能在程序里面设置。

想一下，手机永不锁屏的情况有那些？第一个想到的就是看电影的时候了，在看视频的情况下，手机就是不会锁屏的，所以就可以根据这个原理，就能实现一个永不锁屏的功能了。

我这里推荐一个js的插件防止锁屏NoSleep.js。这个插件就是利用这个原理来设置永不锁屏的功能的。

插件的使用其实很简单，使用两行代码即可搞定了。（当然前提是要正确导入js文件）

var noSleep = new NoSleep();
noSleep.enable();

具体的使用可以参考 ：https://www.jianshu.com/p/6493f2b00c91

 

附上NoSleep.js的下载地址：https://github.com/richtr/NoSleep.js

 

再附上另外的知识，使用原生的Android开发时，设置如下代码即可实现永不锁屏。

getWindow().setFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON,
WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON);

参考：http://ask.zol.com.cn/x/416311.html

来源：https://www.cnblogs.com/masha2017/p/11752085.html