web-dev-qa-db-ja.com

クライアント側のJavaScriptコードでエラーをチェックする方法は？

クライアント側のJavaScriptコードがいくつかあり、そのファイルにエラー/警告がないか確認したい。

JavaScriptファイルのエラーをチェックする最も簡単な方法は何ですか？

javascriptjavascript-debugger
18
Steven Hammons

コピーして http://www.jslint.com/ に貼り付けますが、「気持ちを傷つける」準備をしてください。

33
Shaggy Frog

Chromeブラウザで（ツール-> JavaScriptコンソール）または（CTRL + SHIFT + J）を使用してJavaScriptコンソールを開くことは、最初から始めるのに適しています。ただし、 JSLint =本当に最善の策です。

7
Yottagray

Google Closure Compiler を試してみることをお勧めします。コードのエラーをチェックできるだけでなく、いくつかの最適化も実行できます。ここでの「コンパイラー」は、JavaScriptを取り込んでJavaScriptを出力するため、少し誤解を招く可能性があります。

試してみるには、コードをコピーしてオンライン Closure Compiler Service に貼り付けます。

多くの人がJSLintを提案していることに気づきました。 JSHint from a Tweet from John Resigに出会いました。コーディング規則を適用するのに非常に柔軟に見えます。

5
PPC-Coder

JSLintなどは、タブとスペースを本当に心配している場合に最適ですが、JS構文では http://esprima.org/demo/validate.html を使用します。

私はいくつかの小さなJS/jQuery呼び出しと関数を私のphpにドロップし、esprimaチェッカーは私にぴったりです。

3
KayCee

FirefoxにはFireBugのようなものを使用します。

1
Prisoner

問題を見つける方法は2つあります。

  • 静的分析jshint/jslintをgruntjsビルダーで使用して、主に構文の問題を特定できます。 https://github.com/gruntjs/grunt-contrib-jshint

  • ランタイムエラー管理JsLog.me のようなロギングサービスを使用して、クライアントからのエラーとログをキャッチできます。各ブラウザーにはJavaScript用の独自のランタイム環境があるため、クライアントのロギングは実際の問題をキャッチします。

1
Alexey Petushkov

FirefoxのFirebug：

Firefoxブラウザーを使用して、アドオンをダウンロードしてインストールします。 https://getfirebug.com/downloads/

古いバージョンのFirefoxを使用している場合は、古いバージョンをダウンロードし、.xpiファイルをシングルクリックしてインストールします。ご使用のバージョンのFirefoxと互換性のある最新の日付のものを選択してください。

このコードをwhatever.htmlというファイルに入れます。

<script type="text/javascript">
    var successFunction(){
    }
</script>

そのファイルをFirefoxで開きます。 firebugウィンドウを開きます。 [コンソール]タブをクリックします。それを有効にします。そして、上記のコードにエラーがあることを通知するはずです：

enter image description here

1
Eric Leschinski