NoSleep.js是一款防止手机打开网页超时息屏的插件-BFW插件库

NoSleep.js是一款防止手机打开网页超时息屏的插件

NoSleep.js 是一个 JavaScript 库，可以在所有 Android 和 iOS Web 浏览器中防止屏幕休眠并启用唤醒锁定，就是防止手机息屏。

安装

您可以通过以下方式安装 NoSleep.js：

使用 Bower：

bower install nosleep

使用 npm：

npm install nosleep.js

CDN

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/NoSleep.min.js"></script>

从 GitHub 下载 NoSleep.js 的最新版本，并将其添加到您的项目中。

用法

要使用 NoSleep.js，您可以按照以下步骤操作：

导入 NoSleep.js 模块：

import NoSleep from 'nosleep.js';

创建一个新的 NoSleep 对象：

var noSleep = new NoSleep();

在需要时启用或禁用唤醒锁定：

// 启用唤醒锁定

noSleep.enable();

// 禁用唤醒锁定

noSleep.disable();

**注意：**启用唤醒锁定必须包装在用户输入事件处理程序中，例如鼠标或触摸处理程序。

示例

以下是一个使用 NoSleep.js 的示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/NoSleep.min.js"></script>

</head>
<body>

        <script type="text/javascript">
// 创建一个新的 NoSleep 对象
var noSleep = new NoSleep();

// 在点击事件中启用唤醒锁定
document.addEventListener('click', function enableNoSleep() {
// 移除点击事件监听器
    document.removeEventListener('click', enableNoSleep, false);

// 启用唤醒锁定
    noSleep.enable();
});

// 在一段时间后禁用唤醒锁定
setTimeout(function disableNoSleep() {
// 禁用唤醒锁定
    noSleep.disable();
}, 10000);
    </script>
</body>
</html>

这个示例会在用户点击页面后启用唤醒锁定，并在 10 秒后禁用唤醒锁定。

github:https://github.com/richtr/NoSleep.js