网页定制 - 自定义 CSS / JS
Ammmm · EEdge MV3
为指定网站注入你自己的 CSS 样式和 JavaScript 脚本,让网页按你喜欢的样子运行。
<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。
截图
简介
网页定制让你为任意网站添加自己的 CSS 样式和 JavaScript 脚本,把网页调成你喜欢的样子:隐藏广告和推荐栏、加宽正文、换成暗色主题、调整字体,或者用脚本自动完成重复操作。
主要功能:
• 按网站管理规则:每条规则可以填写多个适用网站,支持域名、路径前缀、端口、标准匹配模式和排除写法,管理页实时显示匹配结果,还能粘贴网址测试是否生效。
• CSS 即时生效:保存后已打开的页面立刻更新,无需刷新。
• JS 自动运行:可选择页面开始加载时、DOM 就绪时或加载完成后运行,可选页面环境或隔离环境,支持直接使用 await。开启浏览器的「允许用户脚本」后,脚本不受网站安全策略(CSP)限制。
• 快捷消除(Alt+Shift+X):鼠标点选即可隐藏网页上的任意元素,支持撤销,结果自动保存为规则。
• 代码小窗(Alt+Shift+C):在当前页面浮出小窗,查看、开关、复制作用于本页的所有规则。
• 工具栏弹窗:显示当前网站生效的规则,可逐条开关、一键新建,图标角标显示规则数量。
• AI 助手(可选):填写你自己的 OpenAI 兼容接口(OpenAI、DeepSeek、通义千问、Moonshot、本地 Ollama 等)后,用一句话描述需求,AI 会读取页面结构并替你写好 CSS / JS,改动可预览、可撤销。
• 账号同步:登录浏览器账号并开启扩展同步后,规则和设置自动同步到你的其他设备。
• 导入 / 导出:规则可以导出为文件备份或分享。
隐私:规则和设置保存在浏览器里,并通过浏览器自带的账号同步(chrome.storage.sync)同步到你的其他设备;AI 接口设置和 API Key 只保存在本机。扩展没有自己的服务器,不收集任何数据。AI 助手只有在你配置接口并主动使用时,才会把对话内容和页面结构片段直接发送到你指定的接口。
---
SiteTweaker lets you inject your own CSS and JavaScript into any website you choose: hide ads and sidebars, widen content, apply a dark theme, change fonts, or automate repetitive tasks.
• Per-site rules with domain, path, port, match-pattern and exclusion syntax, plus a live URL tester.
• CSS applies instantly to open pages; JS runs at document start, DOM ready or page load, in the page or an isolated world, via the userScripts API (not blocked by page CSP).
• Element picker (Alt+Shift+X): click to hide any element, with undo; saved as a rule.
• Code viewer (Alt+Shift+C): floating panel listing every rule on the current page.
• Optional AI assistant: bring your own OpenAI-compatible API to have rules written for you.
• Account sync: sign in to your browser with extension sync on, and your rules and settings follow you to your other devices.
• Import / export rules.
Privacy: rules and settings are stored in your browser and synced to your other devices by the browser's own account sync (chrome.storage.sync); AI API settings and keys stay on this device only. The extension has no server and collects no data.
网页定制 - 自定义 CSS / JS 是做什么的
网页定制 - 自定义 CSS / JS 是一款面向 Edge 的实用工具类扩展,主要用来解决浏览器里某类具体的小问题。官方对它的介绍是:为指定网站注入你自己的 CSS 样式和 JavaScript 脚本,让网页按你喜欢的样子运行。在微软 Edge 加载项商店上,它当前版本 1.3.0,约 6 名用户。
适合什么人用
从功能定位看,网页定制 - 自定义 CSS / JS 更适合想补上浏览器原生缺失功能的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。
怎么安装 网页定制 - 自定义 CSS / JS
- 打开微软 Edge 加载项商店上的官方页面;
- 点「添加到浏览器」并确认权限提示;
- 装好后在扩展列表里固定图标,方便随时开关。
本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。
常见问题
网页定制 - 自定义 CSS / JS 是免费的吗?
网页定制 - 自定义 CSS / JS 在微软 Edge 加载项商店免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。
网页定制 - 自定义 CSS / JS 安全吗?
它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。
网页定制 - 自定义 CSS / JS 支持哪些浏览器?
当前收录的版本来自微软 Edge 加载项商店,适用于 Edge。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。
怎么卸载 网页定制 - 自定义 CSS / JS?
在扩展管理页找到 网页定制 - 自定义 CSS / JS,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。
权限清单 来自 manifest.json 原文
站点访问(可选) 1
<all_urls>
接口权限 3
scriptingstorageuserScripts