Safari浏览器怎么开启夜间模式 Safari浏览器深色模式设置

发布时间 - 2026-01-22 00:00:00    点击率:
可通过五种方式在Safa

ri启用夜间模式:一、系统级深色外观;二、Safari中声明深色配色偏好;三、阅读器模式切换夜间背景;四、安装扩展强制注入深色样式;五、使用Night Eye扩展实现蓝光过滤与亮度调节。

如果您在使用 Safari 浏览器时希望降低屏幕亮度、减少蓝光刺激并提升夜间阅读舒适度,则可通过多种方式启用夜间模式或深色显示效果。以下是具体可行的操作路径:

一、启用系统级深色外观

该方法通过修改 macOS 或 iOS 的全局外观设置,使 Safari 界面及适配网站自动切换为深色主题,无需逐站配置。

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

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

3、Safari 浏览器界面(包括地址栏、标签页、工具栏)立即变暗,同时支持 prefers-color-scheme 媒体查询的网站也会同步加载深色样式。

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

此操作向网站主动发送“用户偏好深色主题”的信号,促使兼容站点按需渲染深色背景与文字,不依赖系统设置。

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

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

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

4、已适配该标准的网页(如维基百科、GitHub、部分新闻站点)将在下次加载时应用深色配色方案。

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

阅读器模式可剥离网页杂项元素,仅保留正文内容,并提供三种预设背景色供夜间专注阅读使用。

1、访问一篇支持阅读器模式的文章页面(如博客、新闻稿),点击地址栏左侧的多横线图标(阅读器视图按钮)

2、进入阅读器视图后,点击地址栏右侧的“AA”文本样式按钮

3、在弹出菜单中选择黑色背景选项,文字自动转为白色,形成高对比度夜间阅读界面。

4、该设置仅对当前页面生效,刷新后仍保持所选背景色。

四、安装第三方扩展强制注入深色样式

对于未适配深色模式的网站,可通过浏览器扩展直接重写页面 CSS,实现全站背景变暗与文字反色。

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

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

3、进入扩展管理界面,新建全局规则或针对特定域名配置 CSS 注入。

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

5、保存后刷新目标网页,页面即呈现统一深色背景与可读文字。

五、使用 Night Eye 扩展的专用夜间护眼功能

Night Eye 提供独立于系统和网站适配状态的实时色彩转换引擎,适用于所有网页(含 PDF),并支持蓝光过滤与亮度调节。

1、在 Safari 扩展库中下载并安装 Night Eye 扩展。

2、安装后点击 Safari 工具栏中的 Night Eye 图标,选择“深色模式”启用全局转换。

3、点击图标旁的齿轮设置按钮,开启“蓝光消除”滑块,降低短波蓝光输出。

4、在“昏暗”选项中将亮度调至50% 或更低,进一步缓解夜间视觉疲劳。

5、该扩展会在每次加载新页面时自动分析并重绘全部颜色,确保深色体验一致性。


# css  # git  # github  # 浏览器  # app  # 工具  # 苹果  # safari  # mac  # ios  # pdf  # macos  # cos  # stylus  # background  # 夜间  # 蓝光  # 加载  # 可通过  # 系统设置  # 栏中  # 背景色  # 变暗  # 也会  # 将在 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: iOS UIView常见属性方法小结  Laravel如何处理JSON字段的查询和更新_Laravel JSON列操作与查询技巧  Android仿QQ列表左滑删除操作  Angular 表单中正确绑定输入值以确保提交与验证正常工作  Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】  详解jQuery停止动画——stop()方法的使用  进行网站优化必须要坚持的四大原则  Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全  ChatGPT 4.0官网入口地址 ChatGPT在线体验官网  DeepSeek是免费使用的吗 DeepSeek收费模式与Pro版本功能详解  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  PHP的CURL方法curl_setopt()函数案例介绍(抓取网页,POST数据)  Laravel队列由Redis驱动怎么配置_Laravel Redis队列使用教程  Laravel如何实现用户密码重置功能?(完整流程代码)  C++时间戳转换成日期时间的步骤和示例代码  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  如何在不使用负向后查找的情况下匹配特定条件前的换行符  Laravel安装步骤详细教程_Laravel环境搭建指南  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  Laravel如何使用集合(Collections)进行数据处理_Laravel Collection常用方法与技巧  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  如何快速使用云服务器搭建个人网站?  如何快速上传自定义模板至建站之星?  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  Java垃圾回收器的方法和原理总结  如何快速搭建高效WAP手机网站吸引移动用户?  如何选择PHP开源工具快速搭建网站?  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  高防服务器租用指南:配置选择与快速部署攻略  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  简单实现jsp分页  香港服务器租用费用高吗?如何避免常见误区?  如何正确下载安装西数主机建站助手?  如何在阿里云虚拟主机上快速搭建个人网站?  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  Laravel如何配置Horizon来管理队列?(安装和使用)  Laravel项目如何进行性能优化_Laravel应用性能分析与优化技巧大全  详解一款开源免费的.NET文档操作组件DocX(.NET组件介绍之一)  香港服务器部署网站为何提示未备案?  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  PHP 500报错的快速解决方法  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  个人摄影网站制作流程,摄影爱好者都去什么网站?  jQuery validate插件功能与用法详解  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  如何彻底卸载建站之星软件?