44

この質問は以前にも同様に尋ねられましたが、Google Chrome で Javascript をデバッグできないようです。

[ページ] > [開発者] に移動すると、「Javascript のデバッグ」( Ctrl+ Shift+ L) が無効になります。 Alt+`機能しません。

「コンテンツ スクリプト」拡張機能を開発しているので、--enable-extensions.

私が理想的にやりたいことは、ブレークポイントを設定し、実行時にスクリプトをステップ実行することです。JavaScriptに関しては少し頭がおかしいので、どんなガイダンスでも大歓迎です。

「JavaScript コンソール」にアクセスできますが、その中にコンテンツ スクリプトが見つかりません。また、「JavaScript Debugger」との違いもよくわかりません。

Windows XP で Chrome の最新の Dev ビルド (2.0.181.1) を使用しています。

4

4 に答える 4

48

スクリプトに次のコマンドを追加します。

debugger;

その時点に到達すると、Javascriptデバッガーが起動します

于 2010-10-13T10:39:41.197 に答える
46

これらの回答はすべて古くなっているようです。これはGoogleで上位にランクされているため、最新の回答は次のとおりです。

Chrome を押しCTRL+SHIFT+iて、開発者ツールを起動します。

「ソース」を選択

スクリプトから選択できる小さな矢印をクリックします ここに画像の説明を入力

次に、「コンテンツスクリプト」を選択します

ここに画像の説明を入力

次に、スクリプトにアクセスして通常どおりデバッグするために、拡張機能の ID (chrome 拡張機能の管理ページから入手可能) を知る必要があります。

于 2014-02-12T17:15:53.093 に答える
3

拡張機能を有効にしてから、Chromeで[開発者]->[Javascriptコンソール]をクリックします。次に、[スクリプト]タブをクリックします。その後、ロードされたすべてのスクリプトのすぐ下にリストが表示されます。現在のページのスクリプトと、インストールした拡張機能のすべてのスクリプトが表示されます。（コンソールを開いた後にリストされたスクリプトが表示されない場合は、更新する必要がある場合があります）

すべてのChrome拡張機能に一意のIDが割り当てられているようです。開発者モードでChrome拡張機能のページを表示すると、IDを確認できます。

次に、スクリプトのドロップダウンでスクリプトを検索するだけです。スクリプトを選択すると、ブレークポイントなどを設定できます。

Chrome Dev Toolsの詳細については、http： //www.chromium.org/devtoolsをご覧ください。

于 2010-07-02T06:17:17.203 に答える