屏幕常亮控制 (Screen Wake Lock Control)

一个简单易用的网页工具，用于防止设备屏幕自动关闭，支持定时设置和多语言界面。

功能特点

• 屏幕常亮控制：一键开启/关闭屏幕常亮功能
• 定时设置：支持预设时间（5分钟、15分钟、30分钟、1小时）或自定义时间（1-1440分钟）
• 进度显示：直观的进度条显示剩余常亮时间
• 状态保存：自动记住上次的设置状态，下次访问自动恢复
• 多语言支持：支持中文和英文界面，自动检测浏览器语言并支持手动切换
• 响应式设计：适配各种设备屏幕尺寸
• 实时时钟：显示当前系统时间
• 友好提示：操作反馈和错误提示

技术实现

• 前端框架：纯原生HTML、CSS和JavaScript实现，无需任何框架
• 屏幕常亮：基于NoSleep.js库实现
• 本地存储：使用localStorage保存用户设置
• 国际化：自定义i18n实现，支持多语言切换
• UI设计：现代化渐变界面，动画过渡效果

使用场景

• 阅读长文章或电子书时保持屏幕常亮
• 观看视频或教程时防止屏幕自动关闭
• 演示或展示时保持屏幕持续显示
• 需要参考屏幕内容进行操作时（如做菜、维修等）

使用方法

1. 打开网页应用
2. 点击中央电源按钮开启屏幕常亮功能
3. 选择预设时间选项或设置自定义时间
4. 查看进度条和状态文本了解剩余时间
5. 需要提前关闭时，再次点击电源按钮

浏览器兼容性

本工具依赖于现代浏览器的Wake Lock API或视频播放技术（由NoSleep.js提供后备支持）。支持以下浏览器：

• Chrome 84+（桌面和Android）
• Edge 84+
• Safari 11.1+（iOS和macOS，使用NoSleep.js后备方案）
• Firefox（使用NoSleep.js后备方案）

注意事项

• 使用屏幕常亮功能会增加电池消耗
• 在移动设备上，建议在连接电源时使用此功能
• 某些浏览器可能需要用户交互（如点击）才能激活屏幕常亮功能
• 浏览器的省电模式或系统设置可能会影响功能效果

本地运行

1. 克隆或下载本仓库
2. 使用任意HTTP服务器托管文件（如Python的http.server模块）
3. 在浏览器中访问对应地址

# 例如使用Python启动简易HTTP服务器
python -m http.server 8000

更新记录

v1.0.1@20250319

• 更新font-awesome从远程https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css变更为本地assets目录引入

• 更新NoSleep.js从远程https://unpkg.com/nosleep.js@0.12.0/dist/NoSleep.min.js变更为本地assets引入

许可证

本项目基于MIT许可证开源。

致谢

• NoSleep.js - 提供屏幕常亮功能的核心库
• Font Awesome - 提供界面图标