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”标签页。