☰

网站暗黑模式切换器

一键切换网站暗黑/日间模式，支持拖拽吸附与边缘图标化

作者
Shohan Peng
日安装量
5
总安装量
9
评分
0 0 0
版本
1.6
创建于
2025-07-18
更新于
2025-07-18
大小
10.3 KB
许可证
暂无
适用于
所有网站

网站暗黑模式切换油猴脚本

1. 脚本介绍

  • 定位：一款通用型网站模式切换工具，支持在日间模式与暗黑模式间快速切换
  • 原理：基于CSS滤镜技术（invert(1) hue-rotate(180deg)）实现暗黑模式转换，对图片、视频等媒体元素二次应用滤镜以还原显示
  • 优势：适配99%以上网站，无需针对特定网站单独开发

2. 核心功能

  • 一键切换：通过右下角悬浮按钮实现模式快速切换，按钮显示🌞（日间）/🌙（暗黑）图标区分状态
  • 状态记忆：利用localStorage保存用户偏好设置，下次访问自动应用上次选择的模式
  • 媒体适配：自动识别并处理img、video、iframe、svg等媒体元素，避免暗黑模式下显示异常
  • 样式适配：切换按钮样式随模式自动调整（背景色、文字色适配当前模式）

3. 使用方法

  1. 确保浏览器已安装油猴插件（Tampermonkey/Violentmonkey等）
  2. 新建油猴脚本，将代码复制粘贴并保存
  3. 访问任意网站，点击右下角悬浮按钮即可切换模式

4. 兼容性说明

类别 详情
支持浏览器 Chrome、Firefox、Edge等现代浏览器（不支持IE）
适配网站 绝大多数公开网站，特殊样式网站可能存在个别元素显示偏差
异常处理 若遇媒体元素显示异常，可在代码querySelectorAll选择器中添加对应类名/标签

5. 版本信息

  • 当前版本：1.0
  • 发布日期：2025-07-18
  • 授权协议：MIT开源协议