Skip to content

HCID274/Browser-Wallpaper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

全局浏览器 Wallpaper 插件 (带 UI)

这是一个用于浏览器的油猴脚本 (UserScript),可以优雅地将自定义图片挂载为全局背景壁纸

浏览器壁纸引擎脚本 油猴脚本主页

Tip

这是一个更加现代化、带有图形界面 (GUI) 的版本,支持实时调整模糊度、透明度和主题模式。

安装链接:

https://greasyfork.org/zh-CN/scripts/564011-%E5%85%A8%E5%B1%80%E6%B5%8F%E8%A7%88%E5%99%A8wallpaperengine%E5%A3%81%E7%BA%B8%E6%8F%92%E4%BB%B6-%E5%B8%A6ui

✨ 功能特性

  • 🖼️ 全局壁纸挂载:在所有网站上显示你喜欢的壁纸。
  • 🎮 自带设置 UI:通过悬浮球唤出设置面板,实时调整效果。
  • 🌗 智能主题追踪
    • 自动模式:跟随系统亮色/暗色设置自动切换风格。
    • 深色模式:深灰蓝底色 + 微弱亮边框,护眼且高级。
    • 浅色模式:纯白底色,清爽干净。
  • 🛡️ 智能防堆叠技术:自动计算 DOM 层级,层级越深背景越透明,防止“白茫茫一片”或“漆黑一团”。
  • 🔒 Shadow DOM 隔离:UI 组件完全隔离,不会受网站原有 CSS 影响,也不会破坏网站样式。
  • ⚡ 性能优化
    • 自动避开视频网站(YouTube、Bilibili 等)防止播放器冲突。
    • 图片数据本地缓存,无需每次刷新都重新下载。
  • 📧 特殊适配:针对 Gmail 等复杂网页进行了深度适配。

📦 安装说明

  1. 确保你的浏览器已安装脚本管理器:
  2. 点击这里安装脚本) (或者手动复制 wallpaper.user.js 的内容到新脚本中)。
  3. 刷新任意网页即可看到悬浮球。

🎮 使用方法

  1. 悬浮球:页面右侧会出现一个悬浮小圆球,鼠标按住可拖动位置
  2. 打开设置:点击悬浮球即可展开设置面板。
  3. 调整参数
    • 背景透明度:调整网页内容的透明程度(让壁纸透出来)。
    • 背景模糊度:调整网页背景的毛玻璃模糊强度。
    • 外观模式:强制深色/浅色或跟随系统。
  4. 保存:点击“💾 保存设置”即可生效。

🔧 高级配置

如果需要更换壁纸 URL,可以在代码顶部找到 DEFAULT_CONFIG 进行修改:

const DEFAULT_CONFIG = {
    url: "你的壁纸图片链接", // 支持普通图片或 Base64 接口
    opacity: 0.15,
    blur: 2,
    theme: 'auto'
};

📝 更新日志

  • v4.13:
    • 修复了 CSP 样式注入问题。
    • 引入 Shadow DOM 彻底隔离 UI 样式。
    • 优化了深色模式下的字体阴影和边框质感。

Created by HCID274