問題: 問題を見つけて修正する

Sam Dutton

Sofia Emelianova

[問題] パネルを使用して、Cookie の問題や混合コンテンツなど、ブラウザで検出された問題の解決策を見つけます。

概要

[問題] パネルでは、一般的な問題が収集されてグループ化されるため、コンソールでの通知の疲労感や混乱を軽減できます。

現在、[問題] パネルには次の情報が表示されます。

Chrome の今後のバージョンでは、より多くの問題タイプがサポートされる予定です。

問題を修正するページにアクセスします。
DevTools を開きます。
上部のアクションバーの右端にある [設定] の横にある [未解決の問題] ボタンをクリックします。問題の重大度に応じて、ボタンには赤色の、黄色の、青色ののいずれかのアイコンが表示されます。

または、 [その他のツール] メニューから [問題] を選択します。
[問題] パネルを開いたら、ページを再読み込みして、今度はページの読み込み中に発生する問題をさらに検出します。

コンソールには、ブラウザから報告された問題も表示されることがあります。ただし、このような問題（下のスクリーンショットの Cookie 警告など）は理解しにくいことがわかります。問題を解決するために何をすべきかが明確でない。

Cookie に関する不明瞭な警告が表示されたコンソール。

一方、[問題] パネルには、行動につながる分析情報が表示されます。

[Issues] パネルには、ブラウザからの警告が構造化され、集計され、対応可能な形で表示されます。

[問題] パネルには、各問題の影響を受けるリソースの数が見出しの横に表示されます。また、問題の重大度に応じて、次の 3 つのグループの種類で問題を整理することもできます。

問題をグループ化するには、[問題] パネルの上部にあるアクションバーで [種類でグループ化] をオンにします。

問題は、ページエラー、破壊的変更、改善の 3 種類に分類されます。

[問題] パネルには、デフォルトでサードパーティ Cookie の問題が表示されます。

サードパーティ Cookie の問題は、リンクが欠落している [影響を受けるリソース] セクションにあります。

[影響を受けるリソース] セクションにリンクされたリソースがないサードパーティ Cookie。

このような問題を非表示にするには、[問題] パネルの上部にあるアクションバーで、[ サードパーティの Cookie の問題を含める] のチェックを外します。

問題を非表示にするには、問題の横にあるその他アイコンのメニューから [類似の問題を非表示] を選択します。

問題の横にあるその他アイコン（縦に 3 つ点が並んだアイコン）のメニューに [このような問題を非表示にする] オプションが表示されます。

非表示の問題のリストを表示するには、[非表示の問題] セクションまで下にスクロールして、セクションを開きます。

[非表示にした問題] セクション。

すべての問題を表示するには、[すべて再表示] をクリックします。特定の問題を表示するには、問題の横にあるその他メニューから [この問題の非表示を解除] を選択します。

また、グループ化を有効にすると、グループの横にある同じ 3 つのドットのメニューを使用して、問題のグループ全体を非表示にできます。

問題を調査するには、次の手順に従います。

[影響を受けるリソース] セクションで、リソースリンクをクリックして、DevTools の適切なコンテキストでアイテムを表示します。リンクをクリックすると、[ネットワーク] パネルに移動します。
スクロールして、問題のあるアイテム（この場合は Cookie ck02）を表示します。右側の情報アイコンにカーソルを合わせると、問題とその解決方法が表示されます。