Safari浏览器怎么开启夜间模式 Safari浏览器深色模式设置
发布时间 - 2026-01-22 00:00:00 点击率:次可通过五种方式在Safari启用夜间模式:一、系统级深色外观;二、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 Eye或Stylus。
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用户读取【技巧】
如何彻底卸载建站之星软件?


