使用Javascript为网页添加夜间模式
HTML + CSS:复制代码代码如下所示:
复制代码代码如下所示:
盖{。
位置:固定;
上图:0px;
左:0px;
概述:5000px固体RGBA(0, 0, 0,0.3);
Z指数:99999;
}
然后写一个夜间模式:加上Javascript
复制代码代码如下所示:
VaR的亮度;
显示/掩码
函数覆盖(亮度){
如果(typeof(DIV)= = 'undefined){
div = document.createelement('div);
div.setattribute('style,下:固定;最高:0;左:0;概述:5000px固体;Z指数:99999;);
document.body.appendchild(DIV);
{人}
div.style.display =;
}
div.style.outlinecolor = 'rgba(0,0,0,' +亮度+');
}
事件监听器
Window.addEventListener('keydown功能(e){
如果(e.altkey能= = 90){ / / Alt + Z:打开夜间模式
封面(亮度= 0.3);
}
如果(e.altkey能= = 88){ / / Alt + X:关闭
封面(亮度= 0);
}
如果(e.altkey能= = 38){ / / Alt + =:增加亮度
如果(亮度- 0.05 > 0.05)覆盖(亮度= 0.05);
}
如果(e.altkey能= = 40){ / / Alt +向下:降低亮度
如果(亮度< 0.95 + 0.05)覆盖(亮度= 0.05);
}
},假);
它也可以写成一个Greasemonkey脚本延长夜间模式的任何网页浏览器