Arc浏览器的Boosts功能怎么用 Arc浏览器自定义网站外观【个性化】
Arc浏览器Boosts功能支持为单个网站定制CSS样式、注入JS脚本、安装社区模板及集中管理；启用后实时预览，各站点Boost相互隔离，不影响其他网页。
Arc浏览器的Boosts功能允许用户为特定网站添加自定义样式、脚本或交互增强，从而改变页面布局、隐藏元素、调整配色或注入实用工具。以下是使用Boosts功能实现网站外观个性化的方法：
一、启用并创建新Boost
Boosts需在Arc浏览器中为单个网站单独启用，每个Boost仅作用于其绑定的域名，不影响其他站点。启用后可实时预览效果，无需刷新即可看到样式变化。
1、打开Arc浏览器，访问目标网站（例如 https://news.ycombinator.com）。
2、点击地址栏右侧的Boosts图标（闪电符号），若未显示则说明该站点尚未创建Boost。
3、点击“Create a Boost”按钮，进入编辑界面。
二、通过CSS自定义网站视觉样式
CSS注入是Boost中最常用的外观定制方式，支持标准CSS语法，可覆盖网页原有样式，实现字体替换、颜色重设、元素隐藏等效果。
1、在Boost编辑器中切换到“CSS”标签页。
2、输入自定义CSS规则，例如：
body { font-family: "Inter", -apple-system, BlinkMacSystemFont; }
.header { display: none !important; }
3、点击右上角“Save”，更改将立即应用到当前网站。
三、使用JavaScript增强交互行为
JavaScript可用于动态修改DOM结构、监听用户操作或添加浮动按钮等交互功能，适用于需要逻辑响应的个性化场景。
1、在Boost编辑器中切换到“JS”标签页。
语鹦学舌
三步生成专属AI数字人分身，文字秒变视频
下载
2、编写纯JS代码（不支持ES6模块语法，但支持IIFE和全局变量），例如：
(function() { const btn = document.createElement('button'); btn.textContent = 'Dark Mode'; btn.onclick = () => document.body.classList.toggle('dark'); document.body.appendChild(btn); })();
3、点击“Save”，脚本将在页面加载完成后自动执行。
四、导入社区共享的Boost模板
Arc官方提供公开Boost库，包含针对GitHub、Twitter、YouTube等主流网站的成熟美化方案，可一键安装复用。
1、在Boost编辑器中点击“Browse Boosts”链接。
2、在搜索框中输入网站名称（如“GitHub”），浏览可用模板。
3、找到匹配项后点击“Install”，系统自动注入对应CSS与JS代码。
五、管理已启用的Boost
所有已创建的Boost均集中存储于浏览器本地，支持禁用、编辑或彻底删除，且各网站Boost相互隔离，互不干扰。
1、点击Arc侧边栏中的“Boosts”图标（位于书签下方），进入全局Boost管理面板。
2、在列表中找到目标网站，点击右侧三个点图标，选择“Edit”、“Disable”或“Delete”。
3、对已禁用的Boost，可随时重新启用，其配置内容保持不变。