ステップ 1: 別のブラウザを試す

異なるブラウザは、JavaScript の一部を異なる方法で実装することがよくあります。これが JavaScript のエラーであり、ブラウザのエラーではないことを確認するために、まず別のブラウザでサイトを開いてみてください。

  • 新しいブラウザで同じ問題が発生しない場合、そのエラーはブラウザ特有であることがわかります。
  • サイトで同じエラーが発生する場合、それは特定のブラウザに特有のエラーではありません。

エラーが発生しているブラウザをメモしておいてください。この情報はサポートリクエストを行う際に役立ちます。

ステップ 2: SCRIPT_DEBUG を有効にする

スクリプトデバッグをオンにする必要があります。wp-config.phpを開き、「これで編集を停止します！楽しいブログライティングを！」の前に次の行を追加します。 

  1. define('SCRIPT_DEBUG', true);

まだ問題が発生しているか確認してください。

  • 問題が解決した場合 – スクリプトデバッグをオフにし、サポートフォーラムで問題を報告してください。ボランティアにスクリプトデバッグをオンにして問題が解決したことを伝えてください。
  • 問題が続く場合 – ステップ 3 に進んでください。

ステップ 3: 診断

開発者ツールを開く

  • Chrome: Cmd-Option-J (Mac) または Ctrl-Shift-J (Windows, Linux, Chrome OS) を入力するか、メニューの View -> Developer -> Developer Tools に移動します。
  • Firefox: Cmd-Option-K (Mac) または Ctrl-Shift-K (Windows, Linux, Chrome OS) を入力するか、メニューの Web Development -> Web Console に移動します。
  • Edge: Chrome の手順に従ってください。
  • Safari: まず、Safari -> Preferences に移動します。Advanced タブをクリックし、Show Develop Menu in menu bar を確認します。次に、新しい Develop メニューで Show JavaScript Console に移動します。
  • Opera: メニューの Tools -> Advanced -> Error Console に移動します。

エラーを特定する

多くの場合、エラーのテキストはすでにコンソールに表示されています。次のように見えるかもしれません:

開発者ツールのエラーページのスクリーンショット。

上の画像は、jquery.js on line 2 にエラーがあることを示していますが、スタック情報全体をコピーすることを忘れないでください！行番号だけを言うことは、文脈を示すよりも役に立ちません。

エラーが表示されない場合は、ページを再読み込みしてください。多くのエラーは、ページが最初に読み込まれたときにのみ発生します。

ステップ 4: 報告

エラーを診断したので、サポートフォーラムリクエストを行うべきです。トラブルシューティングフォーラムに移動してください。

特定のテーマやプラグインに問題がある場合は、https://wordpress.org/support/plugin/PLUGINNAME または https://wordpress.org/support/theme/THEMENAME を訪れて、専用のサポートフォーラムにアクセスできます。

以下の情報を含めてください:

  • 問題が発生しているブラウザ
  • SCRIPT_DEBUG がエラーを修正したかどうか
  • JavaScript エラー
  • エラーの場所 – ファイル名と行番号の両方
  • エラーの文脈 – エラーのスタック全体を含めると、開発者に役立ちます
  • 可能であれば、エラーを示すウェブページへのリンク

変更履歴