Chromeデベロッパーツールでダークモード表示を確認する方法

Chromeデベロッパーツールでウェブサイトのダークモード表示確認をするときの手順メモ。Chrome79以上必須(※デベロッパーツール自体をダークモードに変える方法ではありません)

More toolsからRenderingを選ぶ

prefers-color-scheme:darkに変更

下から2番目の項目です(※2020年2月10日時点)

表示例:ツイッターの場合

ちなみにデベロッパーツールを閉じると元の表示に戻ります。

コメントを残す