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浏览器修改特定页面背景色



转载于:https://my.oschina.net/airship/blog/529793

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值