前言本教程主要介绍Vue中的nosleep.js并使用。安装nosleep.jsnpminstallnosleep.jsimportimportNoSleepfrom"nosleep.js/dist/NoSleep.min.js"inmain.js;Vue.prototype.$NoSleep=NoSleep;use//屏幕总是在noSleep(){letnoSleep=newthis.$NoSleep();document.addEventListener('click',functionenableNoSleep(){noSleep.enable();document.removeEventListener('click',enableNoSleep,false);},false);},//Callthis.noSleep()onmounted提示：必须点击屏幕一次才能执行代码。不能使用touchstart等触摸事件，必须是点击事件等html元素的原生事件。为什么NoSleep.js可以实现常屏浏览？设备在播放视频时，不会进入休眠状态。所以，如果H5应用能够实现这个功能，就可以防止手机屏幕进入休眠状态。NoSleep.js的原理是模拟并持续播放一段MP4短片，因此可以防止浏览器进入休眠状态，让屏幕一直亮着。
