NoSleep移动端H5防休眠插件
移动端 H5 页面的屏幕常亮问题，NoSleep这个小插件真的挺好用的。它就是专门干一件事：防止你手机在看网页的时候自己黑屏睡觉。无论是 iOS 还是 Android，只要用了它，屏幕就能一直亮着，不用手动点来点去唤醒。
像你在做一些需要用户长时间停留的页面，比如视频播放、直播、长图文，或者游戏页面，自动休眠简直就是体验杀手。NoSleep得还挺巧妙，底层其实是利用了 HTML5 的音频播放机制来让系统误以为你在活动，从而阻止系统休眠。
用法也简单，基本就是引入它的NoSleep.js文件，在你保持常亮的时候调用一下 noSleep.enable()，不想常亮的时候就 noSleep.disable()，响应也快，代码也简单。
对了，项目里会有个dist目录，里面是打包好的最终资源，包括 JS 文件和一些例子，直接拿来用就行，挺省事。你可以把它放到你自己的项目里，比如index.html中引入就可以了。
虽然常亮会多耗一点电，但用户体验提升还是的。如果你做的是需要用户“盯住看”的 H5 页面，NoSleep是个不错的小工具，强烈推荐试试看。
相关还有一些好东西可以看看，比如NoSleep.js 的原理文章，还有适配、预加载、社交分享这些 H5 开发常用的小插件，搞移动端的你肯定用得上。
文件大小：9.11KB
评论区