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