使用F12调调伤眼睛的网页背景色

时间:2024-03-17 11:03:09

使用F12调调伤眼睛的网页背景色

缘起

阅读adb使用说明的时候,发现网页代码色系搭配实在辣眼睛,着实看不清楚。(参见博客:https://blog.csdn.net/yulle/article/details/79568828)
该博客代码搭配为深色底和深色字。实时联系版主来修改配色是不现实的,你现在就要进行阅读,是辣眼睛读下去,还是换篇新文章来读呢?亦或是自己动手,丰衣足食?
使用F12调调伤眼睛的网页背景色
恰好看到博客下面有老哥评论道:要有些动手能力!
使用F12调调伤眼睛的网页背景色
让我们来看看是怎么动手的吧。

解决方案

小技巧是使用F12开发者工具,修改相应的样式。
以Chrome浏览器为例。在当前页面按下F12后,弹出代码框。
使用F12调调伤眼睛的网页背景色
点击左上角的选中按钮。
使用F12调调伤眼睛的网页背景色
选择代码区段的背景区域。
使用F12调调伤眼睛的网页背景色
F12窗口会为你自动定位所在区域,可以看到,代码配色是属于一个名叫"prettyprint"的样式。
使用F12调调伤眼睛的网页背景色
选中配色勾选框,就能调成你看着舒服的颜色啦。
使用F12调调伤眼睛的网页背景色
由于修改的是样式,所有代码模块里使用的样式都被修改成易读的模样。这样就可以顺利阅读代码啦~
完成图如下。
使用F12调调伤眼睛的网页背景色
很简单的小技巧,学会了吗?