Google Chrome - 在网页加载之间覆盖白色空白页

Question

我正在寻找不同的Chrome应用以使我的网页更暗/倒置以减轻眼睛疲劳，我发现一些可行的应用程序，但这些应用程序似乎没有覆盖的唯一的东西是白色空白页面

加载新页面后，Chrome首先显示一个白色空白页面，然后加载页面，然后显示网站的内容。有没有办法覆盖这个页面说黑色？目前，每当我点击链接或打开新网页时，屏幕都会从深色（通过倒置/变暗的页面应用程序）转到白色空白屏幕一小段时间，然后新页面再次加载深色。每当加载新页面时，这就像屏幕上的“白色闪光”，并导致进一步的眼睛疲劳。这就是为什么我想知道是否有办法将这种白色覆盖为黑色。

聚苯乙烯。如果这篇文章在错误的论坛中，我道歉，谷歌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中，转到设置 - ＆gt;扩展程序 - ＆gt;打开开发者模式 - ＆gt;加载未打包的扩展程序 - ＆gt;选择刚刚创建的文件夹。