欢迎您访问新疆栾骏商贸有限公司,公司主营电子五金轴承产品批发业务!
全国咨询热线: 400-8878-609

新闻资讯

技术学院

Safari浏览器怎么改背景色_Safari主题与阅读模式背景色调整

作者:蓮花仙者2025-09-15 00:00:00
可通过四种方式调整Safari页面背景色:一、系统设置中启用深色模式,使Safari及兼容网站自动切换至深色背景;二、在Safari设置中将网站外观偏好设为“深色”,支持暗色模式的网页将据此调整;三、使用阅读器模式并点击AA按钮,手动选择黑色等背景色以优化阅读体验;四、安装Stylus等扩展,通过自定义CSS代码强制修改网页背景颜色。

如果您在使用Safari浏览器时希望调整页面背景色以提升阅读体验,可能是因为默认的白色背景在暗光环境下造成视觉疲劳。以下是几种可行的调整方式:

本文运行环境:MacBook Air,macOS Sonoma

一、启用系统级深色模式

通过开启操作系统的深色外观,可使Safari整体界面及部分网页自动适配深色背景。

1、点击屏幕左上角苹果菜单,选择“系统设置”。

2、进入“外观”选项,选择“深色”模式。

3、Safari将自动切换为深色主题界面,部分兼容网站会显示深色背景

二、在Safari中开启显示偏好设置

此方法允许您向网站表明偏好使用深色或浅色配色方案,支持该功能的网站会据此调整背景色。

1、打开Safari浏览器,点击菜单栏中的“Safari”并选择“设置”

2、切换到“网站”标签页,找到左侧的“外观”选项。

3、在右侧下拉菜单中选择“深色”,已适配暗色模式的网页将自动更改背景色

三、使用阅读器模式调整背景

Safari内置的阅读器模式支持手动更改文本与背景配色,适用于文章类网页。

1、访问一篇长篇文章,点击地址栏左侧的“阅读器”图标。

2、进入阅读器视图后,点击页面左上角的文本样式按钮(AA)。

3、在弹出的菜单中选择背景颜色,可选“米白”、“灰色”或“黑色”。

4、选择“黑色”背景时,文字将变为白色,适合夜间阅读

四、安装内容拦截扩展修改页面样式

通过第三方扩展可以强制修改网页的CSS样式,实现自定义背景色。

1、前往App Store或Safari扩展库下载支持自定义样式的扩展,如“Stylus”或“AdGuard”。

2、安装完成后,在Safari扩展设置中启用该扩展。

3、配置扩展规则,添加针对特定网站或全局页面的CSS代码。

4、输入类似以下CSS代码:body { background-color: #1a1a1a !important; color: #d0d0d0 !important; }

5、保存规则后刷新网页,背景色将按设定更改。