新しいChromeのUIとタブアイコンのズレ問題：どう対応する？

2024年4月に、Google Chromeがバージョン124.0.6367.61（Chrome 124）にアップデートされた際、タブのアイコン（ファビコン）が上にずれるという問題が発生しています。

タブのアイコン（ファビコン）のズレを修正する方法

タブのアイコンがずれている場合、まずはCustomize Chrome Side Panel（Chrome Refresh 2023）を使用しているかどうかを確認してください。

その後、「chrome://flags」で設定を確認し、変更があった場合は「Default」に戻すことで、アイコンの表示ズレが解消されるかどうかを試してみましょう。

Chromeブラウザの見た目を自分好みに変更する方法はいくつかあります。

Chromeウェブストアには様々なテーマが用意されており、ブラウザの外観を簡単に変更することができます。

1. Chromeウェブストアにアクセスします：https://chromewebstore.google.com/

2. 「テーマ」と入力して検索し、気に入ったテーマを選びます。

3. 「Chromeに追加」をクリックしてテーマを適用します。

ChromeにはUIをカスタマイズする拡張機能が数多くあります。これを利用してタブバー、ブックマークバー、アドレスバーの見た目を変更したり、新しい機能を追加することができます。

1. Chromeウェブストアにアクセスします：

2. 「UIカスタマイズ」と入力して検索し、拡張機能を選びます。

3. 気に入った拡張機能を「Chromeに追加」してインストールします。

Chromeでは、「chrome://flags」と入力してアクセスできるフラグを通じて、実験的な機能を試すことができます。これを使ってUIの一部をカスタマイズしたり、新しい機能を有効にすることが可能です。

1. アドレスバーに「chrome://flags」と入力し、Enterキーを押します。

2. 変更したいフラグを検索し、選択します。

3. フラグを変更後、Chromeを再起動します。

Chromeのバージョン124にアップデートした後、ChromeDriverが動作しなくなることがあります。

1. ChromeDriverは以下のURLからダウンロードできます（win32版の例）：

2. GitHubのこのページを参考にして、利用可能なChromeDriverのバージョンのリストをJSON形式で確認できます。

3. 必要なバージョンのURLを選んでダウンロードし、インストールします。
注意：公式サイトにないバージョンを利用する場合は、重大なエラーを含んでいる可能性があるため、使用前にはしっかりと確認することが推奨されます。

このアップデートには、多くのセキュリティ強化と修正が施され、23件の脆弱性が修正されたほか、CVEに基づく14件の脆弱性対応も実施されました。

しかしながら、UIデザインにおいてはいくつかの問題が報告されています。

・タブバーのFaviconが上にずれる
・サイドパネルのブックマークの背景やアイコンが赤く表示される

タブのアイコンのズレは、Chromeバージョン124で旧UIを利用していることが原因である可能性があります。

旧UIを利用している際に、Customize Chrome Side Panel（Chrome Refresh 2023）のフラグを無効にすると問題が生じることがあります。

これは、2023年に予定されていたGoogle ChromeのUI変更を管理するフラグや実験設定ですが、計画は変更または中止されたようです。

2024年4月25日現在、この機能はChromeの最新バージョンでは活用されていません。