谷歌浏览器 – 覆盖网页加载之间的白色空白页面

我正在寻找不同的Chrome浏览器应用程序，使我的网页更加黑暗/倒置，以减less眼睛疲劳，我发现一些应用程序的工作，但唯一剩下的，这些应用程序似乎并没有覆盖，是白色的空白页。

当一个新的页面被加载，Chrome浏览器首先显示一个白色的空白页面，而页面正在加载，然后显示网站的内容。 有没有办法来覆盖这个页面来说黑色？ 目前，每当我点击一个链接或打开一个新的网页，屏幕从深色（通过倒转/变暗的页面应用）到白色的空白屏幕短暂的一秒，然后新的页面再次加载一个黑暗的颜色。 每次加载新页面时，屏幕就像一个“白色闪光灯”，并导致进一步的眼睛疲劳。 这就是为什么我想知道是否有办法将这个白色重写为黑色。

PS。 如果这个post是在错误的论坛，我很抱歉，谷歌Chrome开发者页面有一个链接到论坛，把我带到这里:)

谢谢。

Answer 1

的manifest.json

{ "name": "Background", "permissions" : ["http://*/*", "https://*/*"], "version": "1.0", "content_scripts": [{ "matches": ["http://*/*", "https://*/*"], "js": ["script.js"], "all_frames": false, "run_at": "document_start" }], "manifest_version": 2 } 

的script.js

 var color = document.documentElement.style.backgroundColor; document.documentElement.style.backgroundColor = "black"; var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.target.nodeName == "BODY") { observer.disconnect(); document.documentElement.style.backgroundColor = color || ""; } }); }); observer.observe(document, { childList: true, subtree: true }); 

把所有的文件放在一个文件夹中。 在Chrome中，进入设置 – >扩展 – >打开开发者模式 – >加载解压后的扩展名 – >select刚创build的文件夹。