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

Question

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

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

PS.如果这篇文章在错误的论坛中,我道歉,谷歌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中,转到设置 - >扩展 - >打开开发者模式 - >加载解压扩展 - >选择刚刚创建的文件夹.