今天才知道，Web网页也能阻止息屏了
内容提要
该文章介绍了Chrome和Safari浏览器支持的Screen Wake Lock API，可阻止屏幕黑屏休眠。API语法和使用方法通过实例演示。不推荐在非必要场景下长时间使用，因为会影响屏幕寿命和电量消耗。该API已在Chrome和Safari浏览器上支持，Firefox正在实验阶段。
延伸解读
实际应用场景与收益
文章提到，美国烹饪网站Betty Crocker使用Screen Wake Lock API后，用户购买意愿指标增加了300%。这提示该API在需要用户持续关注屏幕的场景中可能带来商业价值，例如烹饪网站、演讲模式页面等。但作者也指出，对于社交网站等场景作用可能一般，因此需根据具体需求评估是否使用。
使用中的注意事项
文章强调，当页面最小化或切换到非当前标签页时，浏览器会自动释放屏幕唤醒锁定。因此，开发者需要监听visibilitychange事件，在页面重新可见时再次请求锁定。此外，应使用WakeLockSentinel对象管理锁定状态，避免重复请求，并在适当时候主动释放。
代价与兼容性
屏幕保持常亮会阻止屏幕保护程序启动，可能影响显示器寿命，并增加移动设备的电量消耗。因此，非必要场景不推荐长时间使用。目前Chrome和Safari已支持该API，Firefox处于实验阶段，预计不久将正式支持，届时可更广泛地应用。
Q&A
Screen Wake Lock API是什么？
Screen Wake Lock API是一种可以阻止屏幕黑屏休眠的技术，支持Chrome和Safari浏览器。
如何使用Screen Wake Lock API？
使用该API只需一行代码：navigator.wakeLock.request('screen')。
使用Screen Wake Lock API有什么风险？
长时间使用会影响显示器寿命和电量消耗，因此不推荐在非必要场景下使用。
Screen Wake Lock API对用户体验有什么影响？
在特定网站上使用该API可以提高用户的购买意愿，例如烹饪网站的用户体验显著提升。
目前哪些浏览器支持Screen Wake Lock API？
目前Chrome和Safari浏览器已支持该API，Firefox正在实验阶段。
如何管理和释放Wake锁定？
可以使用WakeLockSentinel对象管理唤醒锁定状态，并通过调用wakeLock.release()来释放锁定。
