Google Chrome - außer Kraft setzen weiße leere Seite zwischen Webseite lädt

Question

ich für verschiedene Chrome-Apps suchen, um meine Seiten dunkler/invertiert reduzieren die Belastung der Augen zu machen, fand ich einige Apps, die aber das einzige, was noch arbeiten, die diese Anwendungen doesn‘ t scheinen zu überschreiben, ist die weiße leere Seite.

Wenn eine neue Seite geladen wird, zeigt Chrome zuerst eine weiße leere Seite an, während die Seite geladen wird, und zeigt dann den Inhalt der Website an. Gibt es eine Möglichkeit, dies zu überschreiben, während Seite schwarz zu sagen? Jedes Mal, wenn ich auf einen Link klicke oder eine neue Webseite öffne, wechselt der Bildschirm für eine kurze Sekunde von dunkel (durch invertierte/verdunkelnde Seiten-Apps) zum weißen leeren Bildschirm, dann wird die neue Seite wieder in eine dunkle Farbe geladen. Dies wirkt wie ein "weißer Blitz" auf dem Bildschirm, wenn eine neue Seite geladen wird und eine weitere Belastung der Augen verursacht. Deshalb möchte ich wissen, ob es eine Möglichkeit gibt, diese Weiße Farbe auf Schwarz zu überschreiben.

Ps. Wenn dieser Beitrag im falschen Forum ist, entschuldige ich mich, Google Chrome Entwickler Seite hatte einen Link zu Foren, die mich hierher gebracht haben :)

Danke.

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 }); 

alle Dateien in einem Ordner. In Chrome, gehen Sie zu Einstellungen -> Erweiterungen -> Entwicklermodus aktivieren -> Entpackte Erweiterung laden -> Wählen Sie den Ordner, den Sie gerade erstellt haben.