Windows
 Computer >> コンピューター >  >> システム >> Windows

【Microsoft Edge】Webサイトにダークモードを強制表示させる方法

Microsoft Edgeブラウザの設定を変更することで、任意のWebサイトやWebコンテンツを強制的にダークモードで表示させることができます。これにより、通常は白い背景で表示されるページが、黒い背景に切り替わります。

以前、Google ChromeでWebサイトにダークモードを強制する方法をご紹介しましたが、今回はMicrosoft Edgeでの手順を解説します。なお、この方法はEdge自体の「ダークテーマ」を有効にする設定とは異なる点に注意してください。テーマの変更ではブラウザの外観しか変わらず、Webページの内容までは暗くなりません。

【Microsoft Edge】Webサイトにダークモードを強制表示させる方法

EdgeでWebサイトにダークモードを強制する手順

Windows 10のChromium版Microsoft Edgeを使用して、Webコンテンツを強制的にダーク背景で表示させるには、以下の手順に従ってください。

  1. Microsoft Edgeを起動する
  2. フラグ(Flags)ページを開く
  3. 「Force Dark Mode for Web Contents」の設定項目へ移動する
  4. ドロップダウンメニューから「Enabled」を選択する
  5. Edgeブラウザを再起動する

以下、詳しい手順を順番に説明していきます。

1. フラグページを開く

まず、Microsoft Edgeブラウザを起動し、アドレスバーに次のURLを入力してEnterキーを押してください。

edge://flags/#enable-force-dark

すると、以下のような実験的機能の設定ページが開きます。

【Microsoft Edge】Webサイトにダークモードを強制表示させる方法

2. 強制ダークモードを有効化する

設定ページ内にある「Force Dark Mode for Web Contents」(Webコンテンツのダークモード強制)という項目を探します。項目右側のドロップダウンメニューで、初期値の「Default」から「Enabled」へ変更してください。

3. ブラウザを再起動する

設定を変更したら、画面下部に表示される再起動ボタンをクリックするか、手動でEdgeを一度閉じて再度開きましょう。

設定後の表示を確認しよう

再起動が完了したら、適当なWebサイトにアクセスしてみてください。ページの多くの要素、特に背景部分が暗色に変化していることが確認できるはずです。

この機能は、夜間に長時間ネットサーフィンをする方にとって、画面の輝度が抑えられ目への負担を軽減できるのが大きなメリットです。ただし、実験的な機能のため、一部のサイトでは画像や配色が意図せず崩れて表示される場合もあります。そのような場合は設定を「Default」に戻せば元の状態に復帰できます。

【Microsoft Edge】Webサイトにダークモードを強制表示させる方法
  1. 【Microsoft Edge】レンダリングツールで任意のWebサイトにダークモードを強制する方法

    Windows 11では、アプリケーションごとにダークモードかライトモードかを選択できます。実はMicrosoft Edgeにも、これとよく似た機能が「レンダリング(Rendering)」ツールとして標準搭載されています。このツールを使うと、表示中のページに対してダークまたはライトの配色をエミュレートでき、Webサイトがそれぞれのモードでどのように見えるのかを簡単にプレビューできます。 そのため、Dark ReaderのようなEdge拡張機能をインストールしなくても、ダークモードやライトモードの表示を試したい場合には、Edge標準のレンダリングツールを活用するのが便利です。 レンダリングツール

  2. Google Chromeで全ウェブサイトを強制的にダークモード表示する方法

    Chromeブラウザの最近のアップデートにより、バージョン78がリリースされ、数々の新機能が追加されました。Chrome 78にはバグ修正やセキュリティパッチなどが含まれていますが、その中でも注目すべき機能の一つが「Force Dark Mode(強制ダークモード)」の有効化です。これは実験的な機能で、Chromeブラウザで開くあらゆるウェブサイトにダークテーマを強制適用できるものです。 このダークモード機能はウェブサイトのコンテンツにのみ適用されるものであり、OSやブラウザUI自体のダークモードとは別物である点に注意しましょう。この便利な実験的機能以外にも、Google Chromeの最新ア