Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

imwarn/wake-lock

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

屏幕常亮控制 (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许可证开源。

致谢

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.