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

书香门第怎么设置夜间模式_书香门第护眼背景颜色调整技巧【护眼】

云辰同学_4471

云辰同学_4471

发布时间:2026-02-27 13:20:50

|

669人浏览过

|

来源于php中文网

原创

书香门第护眼方案有四种:一、用Dark Reader扩展模拟夜间模式;二、通过开发者工具注入CSS设深灰背景与浅灰文字;三、启用系统深色主题并配合扩展;四、创建书签脚本一键切换深灰背景、柔白文字及优化行高。

书香门第怎么设置夜间模式_书香门第护眼背景颜色调整技巧【护眼】

如果您在阅读书香门第网站时感到屏幕刺眼、眼睛疲劳,可能是由于默认的白色背景在低光环境下造成视觉负担。以下是调整书香门第夜间模式与护眼背景颜色的具体操作方法:

一、使用浏览器扩展模拟夜间模式

该方法通过第三方扩展程序实时反转网页色彩或降低蓝光强度,无需修改网站源码,适用于所有主流浏览器。

1、在Chrome或Edge浏览器地址栏输入chrome://extensions/,进入扩展管理页面。

2、点击右上角“打开 Chrome 网上应用店”,搜索并安装Dark Reader扩展。

3、安装完成后,点击浏览器右上角扩展图标,开启Dark Reader开关。

4、点击该图标进入设置界面,在“过滤器”模式中选择滤色器+,并将亮度调至85%、对比度调至90%以获得柔和护眼效果。

二、手动修改网页CSS实现深色背景

该方法通过开发者工具临时注入自定义样式,将正文区域背景设为深灰,文字设为浅灰,显著降低眩光刺激。

1、打开书香门第任意小说章节页面,按键盘组合键Ctrl+Shift+I(Windows)或 Cmd+Option+I(Mac),调出开发者工具。

2、切换到Console(控制台)标签页。

3、粘贴以下代码后按回车执行:
document.body.style.backgroundColor='#1e1e1e';document.querySelectorAll('body *').forEach(e=>{if(getComputedStyle(e).color&&getComputedStyle(e).backgroundColor!='rgb(255, 255, 255)')e.style.color='#c0c0c0'});

4、刷新页面,确认正文区已呈现#1e1e1e背景搭配#c0c0c0文字的护眼配色。

三、利用系统级深色方案强制适配

该方法借助操作系统全局深色主题触发部分网站自动启用暗色界面,对书香门第基础HTML结构有良好兼容性。

1、Windows 10/11用户进入设置 > 个性化 > 颜色,将“选择颜色”设为深色,并开启“在以下位置始终使用深色模式:应用程序和系统”。

2、重启浏览器后访问书香门第,观察顶部导航栏与侧边栏是否自动转为深灰底色。

3、若正文未变化,可配合前述Dark Reader扩展,仅启用其动态模式并关闭“增强图像”选项,避免图片过度变暗。

四、书签快捷脚本一键切换

该方法创建可收藏的JavaScript书签,在任意书香门第页面点击即切换至预设护眼配色,无需重复操作开发者工具。

1、在浏览器书签栏空白处右键,选择“添加网页”或“新建书签”,名称填写【书香护眼】。

2、在网址栏粘贴以下完整脚本:
javascript:(function(){document.body.style.cssText+='background:#1a1a1a!important;';document.querySelectorAll('p,div.content,span').forEach(e=>{e.style.color='#e0e0e0!important';e.style.lineHeight='1.8';});})()

3、保存后,每次阅读前点击该书签,页面即刻应用#1a1a1a深灰背景与#e0e0e0柔白文字,行高同步优化至1.8倍提升可读性。

在线游戏
在线游戏

海量精品小游戏合集,无需安装即点即玩,休闲益智、动作闯关应有尽有,秒开即玩,轻松解压,快乐停不下来

下载

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

热门AI工具

更多
WorkBuddy

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

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

Atoms
Atoms Hot

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

二狗PPT
二狗PPT Hot

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

豆包大模型

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

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

AionClaw
AionClaw Hot

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

DeepSeek

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

相关专题

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

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

2866

2023.08.11

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

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

5739

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

4087

2026.03.24

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

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

3042

2023.08.21

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

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

2854

2024.03.05

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

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

3232

2025.04.24

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

798

2025.12.04

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

896

2023.08.08

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

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

精品课程

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

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