web-dev-qa-db-fra.com

Comment puis-je émuler une requête multimédia avec un schéma de couleurs préféré dans Chrome?

Chrome 76 a ajouté la prise en charge de prefers-color-scheme requête média (aussi appelée "mode sombre").

Mais comment puis-je tester ma page Web dans les deux jeux de couleurs facilement, sans activer/désactiver le mode sombre du système?

Voici la même question pour Firefox, mais je ne trouve pas de paramètres similaires dans Chrome & Chrome DevTools).

7
xmcp

Il s'agit d'une Chrome DevTools qui est suivie dans crbug.com/97724 (suivez le bogue ou CC: vous-même pour être informé de la progression). En attendant, c'est déjà disponible dans l'inspecteur Web de Safari, voir la rubrique Débogage du mode sombre dans article de blog d'Apple .

Comme alternative, si vous souhaitez automatiser l'ensemble du processus, j'ai écrit un script Puppeteer qui prend des captures d'écran en mode sombre et clair , qui peut également être intégré dans vos tests CI.

1
DenverCoder9