这是一个用于浏览器的油猴脚本 (UserScript),可以优雅地将自定义图片挂载为全局背景壁纸。
Tip
这是一个更加现代化、带有图形界面 (GUI) 的版本,支持实时调整模糊度、透明度和主题模式。
- 🖼️ 全局壁纸挂载:在所有网站上显示你喜欢的壁纸。
- 🎮 自带设置 UI:通过悬浮球唤出设置面板,实时调整效果。
- 🌗 智能主题追踪:
- 自动模式:跟随系统亮色/暗色设置自动切换风格。
- 深色模式:深灰蓝底色 + 微弱亮边框,护眼且高级。
- 浅色模式:纯白底色,清爽干净。
- 🛡️ 智能防堆叠技术:自动计算 DOM 层级,层级越深背景越透明,防止“白茫茫一片”或“漆黑一团”。
- 🔒 Shadow DOM 隔离:UI 组件完全隔离,不会受网站原有 CSS 影响,也不会破坏网站样式。
- ⚡ 性能优化:
- 自动避开视频网站(YouTube、Bilibili 等)防止播放器冲突。
- 图片数据本地缓存,无需每次刷新都重新下载。
- 📧 特殊适配:针对 Gmail 等复杂网页进行了深度适配。
- 确保你的浏览器已安装脚本管理器:
- 点击这里安装脚本) (或者手动复制
wallpaper.user.js的内容到新脚本中)。 - 刷新任意网页即可看到悬浮球。
- 悬浮球:页面右侧会出现一个悬浮小圆球,鼠标按住可拖动位置。
- 打开设置:点击悬浮球即可展开设置面板。
- 调整参数:
- 背景透明度:调整网页内容的透明程度(让壁纸透出来)。
- 背景模糊度:调整网页背景的毛玻璃模糊强度。
- 外观模式:强制深色/浅色或跟随系统。
- 保存:点击“💾 保存设置”即可生效。
如果需要更换壁纸 URL,可以在代码顶部找到 DEFAULT_CONFIG 进行修改:
const DEFAULT_CONFIG = {
url: "你的壁纸图片链接", // 支持普通图片或 Base64 接口
opacity: 0.15,
blur: 2,
theme: 'auto'
};- v4.13:
- 修复了 CSP 样式注入问题。
- 引入 Shadow DOM 彻底隔离 UI 样式。
- 优化了深色模式下的字体阴影和边框质感。
Created by HCID274