Chrome浏览器修改特定页面背景色

有时候我们用浏览器看网页的内容时,如果长时间盯着白底黑字的屏幕,眼睛会很累。希望把网页页面的默认颜色改为淡绿色,这样有助有缓解眼睛疲劳。通过给Chrome安装一个扩展工具stylist来实现,可以修改指定网站的默认背景色。

方法/步骤

  1. 通过访问chrome://extensions/,或通过下图路径进入Chrome扩展程序管理页面,点击获取更多扩展程序。

    Chrome浏览器修改特定页面背景色

  2. 搜索stylist,来找到扩展程序,点击“+免费”,来添加扩展程序。

    Chrome浏览器修改特定页面背景色

  3. 点击添加,完成扩展程序安装。

    Chrome浏览器修改特定页面背景色

  4. 再次进入扩展程序管理页面,选择stylist扩展程序的选项。

    Chrome浏览器修改特定页面背景色

  5. 选择Styles-demo,选择regexp,表示表达式,在后面写入自己要修改背景色的站点,注意最后的*号,表示这个站点所有页面都修改背景色,这也是正则表达式的功能。在最下面的空白处添加颜色规则代码。

    *{background-color: #CCE8CC!important}

    点击Save。

    Chrome浏览器修改特定页面背景色

  6. 再刷新一下页面看看吧。

    Chrome浏览器修改特定页面背景色

  7. 通过add Rule可以把其他站点也加入到规则中,http://[^.]*.baidu.com/*,这个规则表示包括baidu.com的全部站点,Save后可以到所有百度的站点看看效果。

    Chrome浏览器修改特定页面背景色

  8. 8

    同时,也可以修改规则的名称,把之前的demo修改了。以后还有需要长时间阅读的页面,可以直接往页面背景色下添加啦。

    Chrome浏览器修改特定页面背景色



你可能感兴趣的:(Chrome浏览器修改特定页面背景色)