ブラウザの開発者コンソールにアクセスする方法

このページで学べること

ページエラーと警告をログに記録する、ほとんどの最新のウェブブラウザで標準的に利用できるツールである、ブラウザのデベロッパーコンソールにアクセスする方法をご確認ください。開発者コンソールは、技術的な問題をデバッグする際に役立つ場合があります。

Klaviyo サポートチームは、トラブルシューティングを支援するために、ブラウザのデベロッパー コンソールにある追加情報の提供をお願いする場合があります。開発者コンソールからスクリーンショットまたはログの提示を求められた場合は、以下の手順に従って、使用するブラウザでこの情報にアクセスしてください。

Chrome で開く

This content requires Functional cookies to be enabled.

Update Cookie Settings

Chrome メニュー バーから Chrome デベロッパー コンソールにアクセスできます:

1. Chrome ウィンドウを開きます。
2. Chrome のメニューバーで、[表示] メニューを開きます。
3. [Developer] > [JavaScript Console] を選択して開発者コンソールを開きます。
   

また、デベロッパー ツールの［要素を検証］タブを開くと、JavaScript コンソールに移動できます：

1. Chrome ウィンドウを開き、任意のウェブページに移動します。
2. ブラウザウィンドウ内のウェブページを右クリックします。
3. [検証] を選択します。
4. [コンソール] タブに移動します。

または、キーボードショートカット Option + Command + J（Mac）または Control + Shift + J（PC）を使用して、コンソールを直接開くこともできます。

Console タブを正常に開いた後、ページを更新するか、技術的な問題の原因となっている操作を実行し、コンソールウィンドウに表示された結果の全体が分かるスクリーンショットを撮影してください。

Safari で開く

Safari で開発者コンソールにアクセスする前に、まずブラウザの環境設定で開発者メニューを有効にする必要があります。

1. Safari のメニューバーから、[Safari] > [環境設定] をクリックします。
2. [詳細設定] タブを選択します。
3. [詳細設定] タブで メニューバーに開発メニューを表示 をクリックして、デベロッパーコンソールに簡単にアクセスできるようにします。

そのメニューを有効にすると、メニューバーから開発者コンソールにアクセスできます：

1. Safari のウィンドウを開きます。
2. メニューバーで、[Develop>JavaScript Console を表示] をクリックします。
   

または、キーボードショートカット Option + Command + C を使用して、コンソールを直接すばやく開きます。

Console タブを正常に開いた後、ページを更新するか、技術的な問題の原因となっている操作を実行し、コンソールウィンドウに表示された結果の全体が分かるスクリーンショットを撮影してください。

Firefox で開く

1. Firefox のブラウザーウィンドウを開きます。
2. 右上隅にあるメニューボタンをクリックします。
3. [その他のツール] を選択します。
4. 利用可能なオプションから、ウェブ開発者ツール をクリックします。
   

Firefox でウェブコンソールを開くためのキーボードショートカットは、Option + Command + K (Mac) または Command + Shift + J (PC) です。

ウェブコンソールを正常に開いたら、ページを更新するか、技術的な問題を引き起こしている操作を実行し、コンソールウィンドウに表示された結果の全体スクリーンショットを撮影します。

他のブラウザで開発者コンソールにアクセスする

多くのブラウザでは、独自の開発者ツールの使用方法に関するガイダンスが提供されています。上記の手順に含まれていないブラウザを使用している場合は、より具体的な手順について、使用しているブラウザのドキュメントを検索することをおすすめします。

その他のリソース