chromeで画面の一部が黒くなる現象の解消方法

   

chromeで画面のあちこちが黒くなってしまうとき最初に対処すること

こんにちはRenです。

今回はchromeなどのブラウザでサイトを閲覧するときに、画面の一部が黒くなってしまう現象への対処方法をお伝えします。

これはOSやブラウザをバージョンアップした時に問題化することが多いです。

お使いのOSとブラウザのバージョンの相性のほか、PCのグラフィックボードなどのハードウェアの性能とも強く関連してくるので万能な解決策ではありませんが、お困りの際はこの方法を最初に試してみてください。

ちなみに僕の環境では、chromeが大きめのアップデートをしたのがきっかけで発生しました(OSはwindows10、グラフィックはオンボード)。

 

画面のあちこちが脈絡もなく黒くなる

下の画像は説明用に再現したものですが、このように正常な描画に失敗して、ページの一部が黒い色でマスクされる現象がたびたび起こります。

黒い四角が出て表示を覆ってしまったりして、黒くなる箇所は多くの場合はページの構造とは無関係かつ不特定です。しかし背景の枠部分など、サイトごとに特に出やすい部分もあります。

この黒い色は画面をスクロールしたり黒い部分の上でマウスのポインタを動かしたりすると消えることもあり、まったく消えない場合もあります。

Amazonを表示してみた画面です。薄い影がついた部分や、本来なら何の色もないバックグラウンド部分が枠のように黒くなって、ページが見づらくなっています。

これらのほかにも、アクティブでないタブがブラックアウトして色が反転してしまい、書かれている文字が読めないこともあります。

 

対策1:ハードウェアアクセラレーションを切る

この現象の対策として、ブラウザの設定でハードウェアアクセラレーションを使用しないようにします。

ここではchromeを例にとって説明します。

 

まずchromeの画面の右上にあるメニューから、設定画面を開きます。

 

次は設定画面を一番下にスクロールして「詳細設定」を開きましょう。

 

そして「システム」の項目にある「ハードウェア アクセラレーションが使用可能な場合は使用する」のチェックをオフにします。

これで画面が黒くなることはなくなるか、少なくともある程度緩和されます。

 

対策2:別のブラウザを利用する

ハードウェアアクセラレーションを使用しない設定にすると、ブラウザの一部の機能が使えなくなることがあります。

一例としては、Googleマップの「3D」表示への切り替えはできなくなります。

個人的にGoogleマップの3Dはよく使っていた機能なので、僕はPCにchromeのポータブル版を導入して、ハードウェアアクセラレーションが必要なページはそれを使って閲覧するようにしました。

このようにメインで使うブラウザとハードウェアアクセラレーションをオフにしないブラウザを分けて使うことで、問題を回避することもできます。

またchromeで黒くなるサイトもmicrosoft edgeでは出にくかったりするようなので、ご自分の環境下で使えるブラウザをいくつか試してみるのも有効だろうと思います。

 

 - 一覧・まとめ