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

質問

Chrome 76 では prefers-color-scheme メディアクエリ (別名 "dark mode") のサポートが追加されました。

しかし、システムのダークモードのオンとオフを切り替えることなく、両方の配色で自分のウェブページを簡単にテストするにはどうしたらよいでしょうか?

ここに 同じ質問 はFirefox用ですが、Chrome &; Chrome DevToolsでは同様の設定を見つけることができません。

どのように解決するのですか？

Chrome バージョン 79 以降は prefers-color-scheme: dark と prefers-color-scheme: light から レンダリング パネル

1. 開発者ツールを開く (そうでない場合は、以下のキーの組み合わせで印刷ダイアログを開く)
2. コマンドコントロールを開く Ctrl + シフト + P または コマンド + シフト + P (Mac)
3. レンダリングの表示と入力します。
4. 設定する CSSメディア機能をエミュレートする prefers-color-scheme。 をデバッグしたい値に設定します。