讲师中心 微信公众号
AI工具推荐 视频效率加速

Safari浏览器深色模式怎么开启_Safari浏览器夜间主题切换

雨明同学_6763

雨明同学_6763

发布时间:2026-03-15 16:17:03

|

2442人浏览过

|

来源于php中文网

原创

可通过系统级深色外观、Safari内声明深色偏好、阅读器模式切换夜间背景、安装扩展强制注入深色样式、使用无痕浏览临时降亮五种方式实现Safari深色显示。

safari浏览器深色模式怎么开启_safari浏览器夜间主题切换

如果您希望 Safari 浏览器界面及网页内容呈现深色背景与浅色文字,以降低夜间视觉疲劳,则可通过系统级设置、浏览器内偏好声明、阅读器模式或第三方扩展等多种路径实现。以下是具体操作步骤:

一、启用 macOS 或 iOS 系统级深色外观

该方式通过操作系统统一控制所有支持深色模式的应用,Safari 会自动适配深色界面,并向兼容网站发送 prefers-color-scheme: dark 媒体查询信号,触发其内置深色样式加载。

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

2、进入“外观”选项,将外观模式从“浅色”切换为“深色”。

3、Safari 工具栏、标签页、地址栏等界面元素立即转为深灰至黑色,同时维基百科、GitHub 等已适配站点将同步渲染深色背景。

二、在 Safari 设置中声明深色配色偏好

此操作不改变系统整体外观,而是主动向网站告知用户倾向使用深色主题,促使支持该标准的网页在加载时优先调用深色 CSS 规则。

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

2、切换至“网站”标签页,在左侧列表中定位并点击“外观”。

3、在右侧“默认外观”下拉菜单中选择“深色”。

4、重新加载已访问过的兼容页面(如部分新闻站点、技术文档页),即可看到背景色自动变暗、文字对比度提升。

三、通过阅读器模式手动切换夜间背景

阅读器模式可剥离广告、导航栏等干扰元素,仅保留正文内容,并提供三种预设背景色选项,其中黑色背景配合白色文字构成高对比度夜间阅读界面。

1、访问一篇支持阅读器模式的网页(例如博客文章、电子书章节),确认地址栏左侧出现三条横线图标(阅读器视图按钮)。

2、点击该图标进入阅读器视图。

3、点击地址栏右侧的“AA”文本样式按钮。

page-agent 浏览器控制(CDP)
page-agent 浏览器控制(CDP)

使用 page-agent CLI(CDP)控制浏览器;CLI只能通过 GitHub Release 的 .tgz 安装,npm 官方包暂未发布。

下载

4、在弹出菜单中选择黑色背景选项,正文文字自动转为白色,形成护眼夜间阅读效果。

5、该设置仅对当前页面生效,刷新后仍保持所选背景色,无需重复操作。

四、安装 Safari 扩展强制注入深色样式

针对未响应 prefers-color-scheme 的老旧网站或自定义 CMS 页面,可通过扩展直接重写页面 CSS,实现全站背景变暗、文字反色及蓝光过滤。

1、前往 Mac App Store 或 Safari 扩展库搜索并安装支持自定义样式的扩展,例如 Night Eye 或 Stylus。

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

3、进入扩展管理界面,新建全局规则或为特定域名(如 example.com)配置 CSS 注入。

4、输入以下基础样式代码:body { background-color: #121212 !important; color: #e0e0e0 !important; }。

5、保存后刷新目标网页,页面即刻应用深色覆盖层,部分扩展还支持滑动调节暖色滤光强度。

五、使用无痕浏览快速进入低亮度状态

无痕模式本身不等于深色模式,但在部分 macOS 版本中会临时降低界面亮度并隐藏彩色元素,形成类夜间浏览体验,适合临时快速切换。

1、打开 Safari 浏览器,点击地址栏呼出键盘。

2、点击左上角出现的无痕按钮(面具图标)。

3、界面立即变暗,工具栏颜色淡化,标签页背景转为深灰,适合短时夜间浏览。

4、关闭无痕窗口后,常规窗口恢复原有亮度设置,不影响其他浏览会话。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
github中文官网入口 github中文版官网网页进入
github中文官网入口 github中文版官网网页进入

github中文官网入口https://docs.github.com/zh/get-started,GitHub 是一种基于云的平台,可在其中存储、共享并与他人一起编写代码。 通过将代码存储在GitHub 上的“存储库”中,你可以: “展示或共享”你的工作。 持续“跟踪和管理”对代码的更改。

8745

2026.01.21

GitHub官网入口版本汇总
GitHub官网入口版本汇总

本专题整合了GitHub入口版本地址汇总,阅读专题下面的文章了解更多详细内容。

938

2026.04.02

macOS怎么切换用户账户
macOS怎么切换用户账户

在 macOS 系统中,可通过多种方式切换用户账户。如点击苹果图标选择 “系统偏好设置”,打开 “用户与群组” 进行切换;或启用快速用户切换功能,通过菜单栏或控制中心的账户名称切换;还能使用快捷键 “Control+Command+Q” 锁定屏幕后切换。

5304

2025.05.09

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

DBeaver安全防护教程大全
DBeaver安全防护教程大全

DBeaver安全防护专题,围绕数据库连接安全、账号密码保护和访问权限管理展开,整理SSL/TLS加密连接、SSH隧道、数据库凭据保存及证书验证等配置方法,同时介绍敏感信息保护、远程连接风险和高权限账号使用等注意事项,帮助用户提高数据库日常管理的安全性。

0

2026.11.05

DBeaver连接创建与配置教程
DBeaver连接创建与配置教程

本专题聚焦DBeaver数据库连接配置与管理,覆盖从新建连接、选择数据库类型到填写连接参数和验证连接的完整流程。针对MySQL、PostgreSQL、SQL Server等常见数据库,整理相应的连接设置方法,并提供驱动缺失、认证失败和连接异常等问题的排查方向。

0

2026.11.04

XORM框架结构体映射与表结构同步
XORM框架结构体映射与表结构同步

本专题围绕XORM框架的结构体映射展开,说明表名与字段的命名策略、xorm标签常用属性、主键自增与时间字段自动填充,并演示Sync2自动建表、增量字段升级、索引声明与反向生成结构体的完整流程。

0

2026.11.04

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

0

2026.11.04

XORM框架安装配置与数据库连接
XORM框架安装配置与数据库连接

本专题聚焦XORM框架的配置与连接环节,拆解MySQL、PostgreSQL、SQLite、SQL Server的DSN写法与驱动选择,讲清连接池参数、多数据源拆分、读写分离与超时重连的处理方式,并补充容器与兼容数据库的适配经验。

0

2026.11.04

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn