2022.03.03 Web/IT

ダークモードが・・・

開発チーム豊桑です。

私は普段PCでもスマホでもダークモードを使っています。
ダークモードというのは背景色を暗く、文字色を明るい色にする機能で、ここ数年でOSやブラウザ、アプリなどに入ってきました。

先日ブラウザでサイトを閲覧していたところ、
・・・なんだか表示がおかしい・・・(現在は解消済みです)

当社で担当させていただいているお客様のサイトの表示が軒並みおかしくなっていました。
これは何かやらかしてしまったかと思い、軽く青ざめながら調査を開始。

どのようにおかしいかと言うと

白いはずの部分が黒くなっている・・・
白いはずの部分が黒くなっている・・・

例としてYahoo! JAPANを出してしまいましたが、

  • 表示がおかしくなっているのは当社が担当しているお客様のサイトだけではない
  • Chromeで閲覧するとおかしいが、Edgeで閲覧すると問題ない
  • 白背景のはずの部分が黒くなっているところがある
  • 逆に黒文字であるはずの部分が白文字になっているところがある

・・・ということがわかったので、問題が起きているのは「Chromeのダークモード」だろうと推測。ダークモードをOFFにすると問題が解消したのでどうやらダークモードが絡んでいるのは間違いありません。

ダークモードを使っている人は割合としてまだまだ少ないとは思うので、影響の度合いとしてはそこまで大きくなさそうだと思いましたが、このままではChromeのプログラム更新があるまでダークモードが使えないことになるのでちょっと不満・・・

突然発生した問題を調べる時によく使うのがTwitterです。起きている現象を単語で検索して、「自分以外の人も同じ現象に遭遇しているか」を調べることができます。

すると、ありました。

数名の方がTwitterで解決策を書いてくれていました
数名の方がTwitterで解決策を書いてくれていました

どうやらChrome単体の問題ではなく、「Adobe Acrobat PDF」の拡張機能を入れていることで問題が起きていたようです。この拡張機能をOFFにしたところ表示の不具合が解消できました。これでダークモードも使える!

逆に言えばAcrobatの拡張機能を入れていない人であればこの問題は起きていないので、この問題に遭遇している人は更に割合として少なくなったことになります。ここでも安心。

2月28日時点では、拡張機能をONにしても問題が起きなくなったので、拡張機能側に修正が入ったものと思われます。

日々、問題は起きますが原因の切り分けと調査を行うことで解決を試みています。(GoogleやTwitter様様です)

株式会社あったらいいねでは、こうしたトラブルにいち早く気付ける仕組みと体制を整えております。
Webサイト以外の様々なお困りごとにも、調査した上で最善の策をご提案することができます!お困りごとがあれば、まずはお気軽にお問い合わせください。

月別の一覧

2022年

2021年

2020年