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

Safari浏览器如何设置深色模式_Safari网页背景颜色更换与护眼模式指南

星枫姑娘_7166

星枫姑娘_7166

发布时间:2026-05-28 10:14:35

|

721人浏览过

|

来源于php中文网

原创

可通过五种方式实现Safari网页深色显示:一、启用系统级深色外观;二、在Safari设置中声明深色配色偏好;三、使用阅读器模式手动切换黑色背景;四、安装扩展强制注入自定义深色CSS;五、通过高级设置指定本地自定义样式表。

safari浏览器如何设置深色模式_safari网页背景颜色更换与护眼模式指南

如果您在使用 Safari浏览器时希望将网页背景统一调整为深色,以降低夜间视觉疲劳、减少蓝光刺激并提升阅读舒适度,则可通过系统级设置、浏览器内置偏好声明、阅读器模式切换或第三方扩展注入样式等多种路径实现。以下是多种可操作的方法:

一、启用系统级深色外观

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

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

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

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

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

此操作不改变系统整体外观,而是主动向网站告知用户倾向使用深色主题,促使支持该标准的网页在加载时优先调用深色 CSS 规则,适用于多数现代新闻、技术文档类站点。

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

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

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

4、重新加载已访问过的兼容页面,即可看到背景色自动变暗、文字对比度提升。

三、使用阅读器模式手动切换夜间背景

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

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

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

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

Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries

规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...

下载

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

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

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

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

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

3、打开扩展配置界面,新建全局规则或针对特定域名添加样式。

4、输入以下强制深色 CSS 代码:body { background-color: #121212 !important; color: #e0e0e0 !important; }。

5、保存配置并刷新网页,页面背景将立即变为深灰至纯黑,文字为浅灰白。

五、配置 Safari 高级设置指定自定义样式表

该方法不依赖外部插件,直接修改浏览器渲染层,对所有网页生效,且无需网络权限;原理是利用 Safari “高级”设置中提供的自定义样式表功能,强制重写页面 body 背景色为指定深色值。

1、新建纯文本文件,命名为“safari-dark.css”,用文本编辑器输入以下内容:body { background-color: #1a1a1a !important; color: #f0f0f0 !important; }。

2、将该文件保存至用户文档目录下,例如“/Users/您的用户名/Documents/css/”。

3、打开 Safari,选取“Safari”→“设置”,切换到“高级”标签页。

4、勾选“在网页开发菜单中显示‘开发’菜单”,然后点击底部“样式表”下拉框,选择“其他…”,定位并选中刚保存的 safari-dark.css 文件。

5、关闭设置窗口,刷新任意网页,背景将立即变为 #1a1a1a 深灰,文字保持高对比度浅灰白。

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

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

立刻MV
立刻MV Hot

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

DeepSeek

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

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

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

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

相关专题

更多
PixTV官网入口地址合集
PixTV官网入口地址合集

本专题汇总了 PixTV AI 一站式视频创作平台的官方入口与使用教程。无需下载软件,浏览器直接访问即可使用。平台将剧本、图像、视频、声音与剪辑整合在“无限画布”中,接入 GPT Image 2.5、Seedance 2.5 等头部模型。本专题整理了从新建画布、角色锚定、分镜拆分到视频生成与导出的完整操作指南,助你快速上手 AI 短剧与漫剧创作。

60

2026.10.10

Kratos框架HTTP与gRPC服务开发教程
Kratos框架HTTP与gRPC服务开发教程

本专题围绕Kratos框架双协议服务开发,涵盖HTTP路由与处理器编写、参数获取、gRPC服务实现与客户端调用、metadata上下文传递、encoding编解码注册、统一响应封装、超时控制与流式响应实现方法。

20

2026.10.10

Kratos框架Protobuf接口定义与代码生成合集
Kratos框架Protobuf接口定义与代码生成合集

本专题讲解Kratos框架接口定义体系,涵盖proto编写规范、proto add/client/server生成命令、http注解路由、validate校验、OpenAPI文档生成、跨服务proto复用与兼容性设计。

20

2026.10.10

C++虚函数怎么定义和调用
C++虚函数怎么定义和调用

C++虚函数是实现运行时多态的重要机制。本专题从virtual关键字的基本用法入手,介绍基类与派生类之间的函数重写、基类指针调用派生类方法,以及动态绑定的执行过程,帮助初学者掌握虚函数的核心语法。

20

2026.10.10

C++类与对象的封装方法教程
C++类与对象的封装方法教程

C++封装是面向对象编程的核心特性之一,通过类将数据与操作数据的函数组织在一起,并利用访问权限控制外部访问。本专题介绍类的定义、成员变量、成员函数以及public、private和protected的使用方法,帮助初学者掌握封装的基本原理。

20

2026.10.10

C++构造函数定义与调用方法
C++构造函数定义与调用方法

C++构造函数用于初始化类对象,是面向对象编程的重要基础。本专题从构造函数的定义、声明和调用入手,介绍默认构造函数、带参数构造函数、拷贝构造函数及成员初始化列表,帮助初学者掌握对象创建与初始化的基本方法。

20

2026.10.10

Kratos框架零基础入门教程
Kratos框架零基础入门教程

本专题整理Kratos框架入门内容,涵盖Go环境准备、kratos CLI安装升级、new命令创建项目、目录结构分层说明、服务启动与双协议端口、依赖下载报错排查,帮助开发者快速跑通第一个Kratos框架微服务应用。

20

2026.10.10

C++条件判断语句怎么写
C++条件判断语句怎么写

C++条件判断是控制程序执行流程的重要基础。本专题介绍if、if-else、else if和switch等常见分支语句,结合条件表达式、比较运算符与代码示例,帮助初学者掌握不同场景下的判断逻辑。

20

2026.10.10

C++变量怎么声明和赋值
C++变量怎么声明和赋值

C++变量是编写程序和存储数据的基础。本专题围绕变量声明、定义、初始化、赋值和类型选择等内容展开,帮助初学者理解不同变量的用法,并掌握在实际代码中定义和使用变量的方法。

20

2026.10.10

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpMyAdmin 常见问题
phpMyAdmin 常见问题

共0课时 | 0人学习

uni-app快速上手
uni-app快速上手

共0课时 | 0人学习

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

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