Greasy Fork

来自缓存

Greasy Fork is available in English.

网站暗黑模式切换器

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

这些是此脚本变更过代码的版本。 显示所有版本。

  • v1.6 2025-07-18

    网站暗黑模式切换器 - 更新日志

    v1.6(最新版本)

    • 核心修复:解决右侧边缘吸附异常问题,通过明确设置left: 'auto'避免样式冲突,确保右侧贴边效果与其他方向一致
    • 细节优化:统一所有边缘的吸附逻辑,保证计算方式一致性
    • 稳定性提升:增强窗口大小变化时的位置调整可靠性

    v1.5

    • 功能增强:图标模式下按钮完全紧贴窗口边缘(上、左、右、下方向均实现无缝贴合)
    • 智能边距:区分两种显示状态的边距策略(图标模式0间距,完整模式5px间距)
    • 过渡优化:图标模式与完整模式切换时的动画更流畅自然

    v1.4

    • 吸附逻辑重构:实现真正意义上的"紧贴边缘"(EDGE_OFFSET设为0)
    • 提前吸附:将吸附触发距离从50px调整为10px,操作更跟手
    • 动画优化:统一使用ease-out过渡函数,吸附动作更丝滑
    • 响应式增强:窗口大小变化时的位置调整更精准

    v1.3

    • 拖拽功能修复:重构拖拽状态管理逻辑,解决偶发无法拖拽的问题
    • 事件分离优化:先执行吸附逻辑再判断点击操作,提升交互可靠性
    • 视觉反馈增强:拖拽时的放大效果更明显,操作感知更清晰

    v1.2

    • 边缘图标化:按钮靠近边缘时自动缩小为仅显示图标
    • 事件分离:基于移动阈值区分点击与拖拽操作(小于3px视为点击)
    • 位置持久化:新增按钮位置记忆功能,下次访问自动恢复
    • 样式适配:根据吸附边缘自动调整按钮圆角,增强视觉融合感

    v1.1

    • 新增功能:实现按钮拖拽功能,支持自定义位置
    • 边缘吸附:按钮靠近屏幕边缘时自动吸附
    • iframe排除:新增window !== window.top判断,避免在嵌套框架中重复加载
    • 窗口适配:窗口大小改变时自动调整按钮位置,防止被遮挡
    • 交互优化:拖拽时有放大效果增强操作反馈

    v1.0(初始版本)

    • 核心功能:基于CSS滤镜实现日间/暗黑模式一键切换
    • 状态记忆:使用localStorage保存用户偏好设置
    • 媒体适配:自动处理图片、视频等元素的显示异常
    • 基础UI:右下角悬浮切换按钮,支持明暗两种状态样式
  • v1.0 2025-07-18