コンソールエラーの取得方法 (How to collect console error-Japanese)

コンソールは、Webページ内のエラー情報を見るために必要となります。
Google Chromeを使用してコンソールエラーを取得する方法を紹介します。

**1)**Google Chrome を使い、問題のあるページを訪れる

**2)**ページ上でマウスを右クリック

3)「検証(Inspect)」を選択

以下のショートカットでも検証ツールを開くことができます:

          \<Windows / Linux>  Ctrl + Shift + J 
          \<Mac> Command + Option + J

4)検証ツールを開いたらConsole タブをクリックする

<縦に表示される場合>

<横に表示される場合>

**5)**検証ツール左上の斜線マークで一旦データをクリアにする

**6)**ページを再読み込み、現象を再現する

**7)**コンソールタブにデータが出ている事を確認する(エラーがある場合は赤く表示されます。)

**8)**赤い部分があったらクリックする(詳細が表示される場合があります)
**9)**検証ツールの端の部分をドラッグ&ドロップで引っ張り大きく表示する。

**10)**ブラウザーのURLバーを含めたスクリーンショットを撮る

**11)**コンソールデータが大量に出ている場合は、スクロールして数回に分けてスクリーンショットを撮る

*****現象の詳細と共に上記の情報をサポートまでお送りくださいませ。
トラブルシューティングを行う際、コンソールエラーに加えてHarFileも必要になることがあります。
Har Fileの取得方法はこちらからご確認いただけます。

https://community.hubspot.com/t5/Tips-Tricks-Best-Practices/HAR%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%E6%96%B9%E6%B3%95-How-to-collect-HAR-file-Japanese/td-p/273068

英語でのコンソールエラーの取り方の説明は下記リンクにございます。
Link to English version Troubleshooting Toolkit: How to retrieve network errors
https://community.hubspot.com/t5/Tips-Tricks-Best-Practices/Troubleshooting-Toolkit-How-to-retrieve-network-errors/td-p/172039