web-dev-qa-db-fra.com

Google Chrome - Remplacer la page vierge blanche entre les chargements de page Web

Je recherche différentes applications Chrome pour rendre mes pages plus sombres/inversées pour réduire la fatigue oculaire, j'ai trouvé des applications qui fonctionnent mais la seule chose qui reste, que ces applications ne semblent pas remplacer , est la page vierge blanche.

Lorsqu'une nouvelle page est chargée, Chrome affiche d'abord une page vierge blanche, tandis que la page se charge, puis affiche le contenu du site Web. Existe-t-il un moyen de remplacer cette page While pour dire noir? moment, chaque fois que je clique sur un lien ou ouvre une nouvelle page Web, l'écran passe de la couleur foncée (via des applications de page inversées/assombrissantes) à l'écran blanc vierge pendant une brève seconde, puis la nouvelle page se charge à nouveau dans une couleur sombre. Cela agit comme un "flash blanc" à l'écran chaque fois qu'une nouvelle page est chargée et provoque une fatigue oculaire supplémentaire. C'est pourquoi je veux savoir s'il existe un moyen de remplacer cette couleur blanche par du noir.

Ps. Si ce message est dans le mauvais forum, je m'excuse, Google Chrome Developers avait un lien vers les forums qui m'ont amené ici :)

Merci.

google-chromeoverriding
41
KickAss

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

Mettez tous les fichiers dans un dossier. Dans Chrome, accédez à Paramètres -> Extensions -> activez le mode développeur -> Charger l'extension décompressée -> Choisissez le dossier que vous venez de créer.

26
Red John