0

0

夸克浏览器如何开启网页护眼色_夸克浏览器背景颜色修改方法【指南】

穿越時空

穿越時空

发布时间:2026-02-10 19:52:57

|

768人浏览过

|

来源于php中文网

原创

可通过五种方法为夸克浏览器网页设置护眼色:一、阅读模式选护眼绿或暖纸色;二、开启夜间渲染并选护眼绿方案;三、用JavaScript书签注入CSS;四、启用Windows颜色滤镜;五、PC端安装Dark Reader扩展调节。

夸克浏览器如何开启网页护眼色_夸克浏览器背景颜色修改方法【指南】

如果您在使用夸克浏览器时希望降低屏幕刺激、缓解长时间阅读带来的眼部疲劳,则可通过多种方式为网页内容应用护眼色背景。以下是实现网页护眼色的具体方法:

一、通过阅读模式设置护眼背景色

阅读模式会自动提取网页正文内容,并剥离广告与杂乱布局,同时提供可调节的护眼背景选项,适用于新闻、文章等结构化网页。

1、打开夸克浏览器,访问一篇支持阅读模式的网页(如资讯类或博客文章)。

2、页面加载完成后,点击地址栏下方出现的“阅读模式”按钮进入该模式。

3、轻点屏幕中央唤出顶部工具栏,点击“Aa”字体设置图标。

4、在弹出的颜色面板中,选择“护眼绿”或“暖纸色”,背景将立即变为低饱和度豆沙绿(RGB: 199, 237, 204)或米黄底色。

5、在同一面板中,将文字颜色设为深灰色或黑色,确保清晰可读。

二、启用内置夜间渲染强制全局变色

该功能作用于所有加载的网页,不依赖网页自身适配,通过浏览器底层渲染层统一替换背景与文字颜色,实现全站护眼效果。

1、点击夸克浏览器右下角三条横线菜单图标,进入主菜单。

2、选择“设置”进入配置页面。

3、依次点击“浏览设置” → “网页显示” → “夜间渲染”。

4、开启开关后,在模式列表中选择“护眼绿”或“灰度”方案。

5、如支持自定义,将背景色设为#f0f8e8(浅豆沙绿),文字色设为#333(深灰)。

三、使用JavaScript书签注入自定义CSS

此方法无需安装插件或修改系统设置,通过一段可复用的脚本代码直接修改当前网页的body样式,适合固定站点或临时调整需求。

1、在夸克浏览器中打开目标网页,长按地址栏选择“添加到书签”。

2、编辑该书签,将网址字段全部替换为以下代码:
javascript:(function(){document.body.style.backgroundColor='#f0f8e8';document.body.style.color='#333';})()

柒源写作
柒源写作

降AI率;降重复率;一键初稿;一键图表

下载

3、保存书签,命名为“护眼绿”。

4、在任意网页中点击该书签,即可即时生效背景与字体颜色变更。

5、如需更换颜色,修改代码中#f0f8e8与#333为其他十六进制值即可。

四、借助系统级颜色滤镜实现强制护眼

当浏览器内功能受限或需覆盖所有应用界面时,可调用Windows系统原生颜色滤镜,对整个屏幕输出进行实时色彩映射,达到护眼目的。

1、关闭夸克浏览器,返回Windows桌面。

2、按下Win + Ctrl + C快捷键,快速开启颜色滤镜。

3、若未响应,请手动进入“设置 → 辅助功能 → 颜色滤镜”。

4、开启滤镜后,在“滤镜类型”中选择“绿色”或“灰度”模式。

5、勾选“在全屏应用中启用颜色滤镜”,确保夸克浏览器窗口也被覆盖。

五、通过Dark Reader扩展模拟护眼渲染

适用于夸克PC版(基于Chromium内核)用户,该扩展可动态分析网页结构并注入暗色/柔色CSS规则,兼容性高且支持精细调节。

1、在Chrome或Edge浏览器中访问Chrome Web Store,搜索并安装Dark Reader扩展。

2、点击浏览器右上角扩展图标,开启Dark Reader开关。

3、点击齿轮图标进入设置,在“站点列表”中添加quark.sm.cn或目标域名。

4、切换至“过滤增强”模式,将亮度调至90%,对比度设为85%,棕褐色值设为5%。

5、确认网页背景呈现柔和浅绿或暖灰,文字保持深色且无眩光。

相关文章

夸克浏览器
夸克浏览器

夸克Quark是一款采用 chromium 单核设计,网页渲染加载速度快,还有 0.3s 闪电启动的极速体验。内置隐私防护功能,能多方面保护用户隐私,可识别各种恶意软件和钓鱼网站,确保上网安全。与夸克网盘一体设计,拥有夸克高考、夸克搜题等多种智能工具,还有超过上万条过滤规则的超强去广告功能,以及智能拼页的阅读模式等。

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

927

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

776

2023.11.06

edge是什么浏览器
edge是什么浏览器

Edge是一款由Microsoft开发的网页浏览器,是Windows 10操作系统中默认的浏览器,其目标是提供更快、更安全、更现代化的浏览器体验。本专题为大家提供edge浏览器相关的文章、下载、课程内容,供大家免费下载体验。

1545

2023.08.21

IE浏览器自动跳转EDGE如何恢复
IE浏览器自动跳转EDGE如何恢复

ie浏览器自动跳转edge的解决办法:1、更改默认浏览器设置;2、阻止edge浏览器的自动跳转;3、更改超链接的默认打开方式;4、禁用“快速网页查看器”;5、卸载edge浏览器;6、检查第三方插件或应用程序等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

388

2024.03.05

如何解决Edge打开但没有标题的问题
如何解决Edge打开但没有标题的问题

若 Microsoft Edge 浏览器打开后无标题(窗口空白或标题栏缺失),可尝试以下方法解决: 重启 Edge:关闭所有窗口,重新启动浏览器。 重置窗口布局:右击任务栏 Edge 图标 → 选择「最大化」或「还原」。 禁用扩展:进入 edge://extensions 临时关闭插件测试。 重置浏览器设置:前往 edge://settings/reset 恢复默认配置。 更新或重装 Edge:检查最新版本,或通过控制面板修复

974

2025.04.24

function是什么
function是什么

function是函数的意思,是一段具有特定功能的可重复使用的代码块,是程序的基本组成单元之一,可以接受输入参数,执行特定的操作,并返回结果。本专题为大家提供function是什么的相关的文章、下载、课程内容,供大家免费下载体验。

491

2023.08.04

js函数function用法
js函数function用法

js函数function用法有:1、声明函数;2、调用函数;3、函数参数;4、函数返回值;5、匿名函数;6、函数作为参数;7、函数作用域;8、递归函数。本专题提供js函数function用法的相关文章内容,大家可以免费阅读。

166

2023.10.07

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

1024

2023.07.26

Rust异步编程与Tokio运行时实战
Rust异步编程与Tokio运行时实战

本专题聚焦 Rust 语言的异步编程模型,深入讲解 async/await 机制与 Tokio 运行时的核心原理。内容包括异步任务调度、Future 执行模型、并发安全、网络 IO 编程以及高并发场景下的性能优化。通过实战示例,帮助开发者使用 Rust 构建高性能、低延迟的后端服务与网络应用。

1

2026.02.11

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
如何进行WebSocket调试
如何进行WebSocket调试

共1课时 | 0.1万人学习

TypeScript全面解读课程
TypeScript全面解读课程

共26课时 | 5.1万人学习

前端工程化(ES6模块化和webpack打包)
前端工程化(ES6模块化和webpack打包)

共24课时 | 5.1万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号