Chromeでprefers-color-schemeメディアクエリをエミュレートするにはどうすればよいですか？

Question

Chrome 76はprefers-color-schemeメディアクエリのサポートを追加しました（別名「ダークモード」）。

しかし、システムダークモードのオンとオフを切り替えずに、両方の配色でWebページを簡単にテストするにはどうすればよいですか。

これがFirefoxの 同じ質問 ですが、Chrome＆Chrome DevTools。

Answer 1

これはChrome crbug.com/97724 で追跡されるDevTools機能リクエストです）（バグまたはCCにスターを付けて、進行状況を通知してください）。 SafariのWebインスペクターですでに利用可能です。 Appleのブログ投稿 の見出しDebugging Dark Modeを参照してください。

別の方法として、プロセス全体を自動化したい場合、私は 暗いモードと明るいモードでスクリーンショットを撮るパペットスクリプト を作成しました。これは、CIテストに統合することもできます。