返回 首页 文章详情 搜索 菜单

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

来自: 98游戏 浏览: 0 次 2026-02-27 15:40:41:02

书香门第护眼方案有四种:一、用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倍提升可读性。

网友评论

写下您的评论

还没有玩家发表评论,快来抢占沙发吧!