UserScript 改变网页颜色

深夜里盯着白底的网页，眼睛一会就受不了。。

所以给白底网页来个眼镜保护色吧，色值为 #CCE8CF 的～～

所以就写个 chrome 插件吧，

看了下文档 http://open.chrome.360.cn/extension_dev/overview.html 太长了。。

不过还有 UserScript 这样一种方法来替代chrome 插件。//UserScript 相关介绍在这 http://blog.csdn.net/dlmu2001/article/details/6202953

我们来写个js文件，文件名格式入 pageColor.user.js 直接拖进 chrome 就好了～ //命名必须是xx.user.js阿

// ==UserScript==
// @name         pageColor
// @author       wtnull@163.com
// @namespace    *
// ==UserScript==
(function(){var colorVal = {eyeGood:"#CCE8CF",grey :"#BBBBBB"}var colorChoice = '<p id="grey" style="cursor:pointer;border-radius:2px;z-index:10;border-bottom:1px solid blue;background:'+colorVal.grey+'">&nbsp</p>'+'<p id="eyeGood" style="cursor:pointer;border-radius:2px;z-index:10;background:'+colorVal.eyeGood+'">&nbsp;</p>';var body = document.body;var div = document.createElement('div');div.id='colorChoice';div.setAttribute('style', 'width:40px;position:fixed;z-index:999;top:-1000px;right: 5px; top: 60px;');div.innerHTML = colorChoice;body.appendChild(div);div.addEventListener('click', function(e){var event = e.target;var choice = event.id;var arr = document.getElementsByTagName('body')[0].getElementsByTagName('div');switch(choice){case 'eyeGood': colorChange(arr, colorVal.eyeGood);break;case 'grey': colorChange(arr, colorVal.grey);break;default: break;}});var colorChange = function(arr, colorValue){for(var i=0; i<arr.length; i++){arr[i].style.background=colorValue;}}
})();

简单的代码简单的保护眼睛～～

当然，在mac系统下，推荐下载 https://justgetflux.com/ 它可以帮助改变系统的显示颜色～～

转载于:https://my.oschina.net/igeeker/blog/474844

UserScript 改变网页颜色相关推荐

Vue改变网页背景颜色切换
今天给大家分享一个好看的网页背景颜色切换的html文件功能支持: 1.点击默认主题内容区域切换对应颜色,包括文字背景和文字颜色 2.在动态颜色中可以选择自己喜欢的颜色动态切换实现代码: <! ...
改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变
改变网页输入框闪烁光标颜色 IE浏览器输入框光标无法改变开门见山地说最近遇到一个IE浏览器的问题,是关于网页输入框闪烁的光标的,在其他浏览器里,输入框的光标是设定好的白色,如下图: 结果好家伙, ...
保护眼睛（改变窗口颜色，网页和Pdf背景颜色）
保护眼睛(改变窗口颜色,网页和Pdf背景颜色) 自从小Y入手以来,一直天天泡网,这个眼睛基本快杯具了啊. 如果常常用电脑更容易导致眼睛过度疲劳而得干眼症,所以大夫建议电脑屏幕不要用白色,因为白色对眼 ...
保护眼睛（改变窗口颜色和Pdf背景颜色）xp和WIN7方法
保护眼睛(改变窗口颜色和Pdf背景颜色)附WIN7方法保护眼睛(改变窗口颜色和Pdf背景颜色) 如果常常用电脑很容易导致眼睛过度疲劳而得干眼症,所以大夫建议电脑屏幕不要用白色,因为白色对眼睛的刺激是 ...
网页颜色搭配技巧nbsp;文字字体、字号…
网页颜色搭配技巧文字字体.字号.字体排版等一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅. 对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页 ...
html怎么改变图片亮度,纯干货，前端学者的福音！如何使用css滤镜改变图片颜色...
原标题:纯干货,前端学者的福音!如何使用css滤镜改变图片颜色说到对图片进行处理,我们经常会想到PS,美图秀秀这类的图像处理工具.作为前端,全栈开发者,我们经常会需要处理一些特效,例如根据不同的状态 ...
用JavaScript简单的改变网页背景色
一.题目要求在一个文本框里面输入颜色的名称(如:蓝色,紫色),点击文本框旁边的按钮,让网页的背景色改变成文本框中的名称对应的颜色. 二.代码 <!doctype html> <ht ...
mysql中鼠标光标消失了_为什么我这里没有显示鼠标的悬停可改变页面颜色，以为什么我加载了mysql的jar文件还是不能显示报表的内容呢？...
源自:3-6 JSP页面实现为什么我这里没有显示鼠标的悬停可改变页面颜色,以为什么我加载了mysql的jar文件还是不能显示报表的内容呢? 首先是index.jsp pageEncoding=&qu ...
bash中通过设置PS1变量改变提示符颜色
参考 <Prompt Magic> ubuntu初始时bash提示符的颜色同程序输出的颜色相同,当大量有输出时,找到输出信息开始的地方往往很费劲.如果把提示符的颜色变成更为醒目的颜色,那么 ...
颜色代码对照表、网页颜色选择器
颜色代码对照表.网页颜色选择器 2006-12-04 20:47:28| 分类: 博客教程 | 标签:博客教程 |举报|字号订阅颜色代码大全网页颜色选择器 ffff00 ffff33 ...

UserScript 改变网页颜色

UserScript 改变网页颜色相关推荐

最新文章

热门文章