webdevqa.jp.net

Google Chrome JavaScriptデバッガーとコンテンツスクリプト

この質問も同様に尋ねられました before ですが、Google ChromeでJavascriptをデバッグすることはできません。

[ページ]> [開発者]に移動すると、[デバッグJavascript](Ctrl+Shift+L) 無効になっています。 Alt + ` 動作しません。

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

理想的には、ブレークポイントを設定し、実行中にスクリプトをステップ実行します。 JavaScriptに関しては少し頭がおかしいので、ガイダンスをいただければ幸いです。

「JavaScriptコンソール」にアクセスできますが、その中にコンテンツスクリプトが見つかりません。また、それが「JavaScriptデバッガー」とどのように異なるのかもわかりません。

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

39
Clayton Hughes

これらの回答はすべて古くなっているようです。これはグーグルで非常にランク付けされているため、最新の回答があります。

In Chromeを押してCTRL+SHIFT+i開発者ツールを表示します。

「ソース」を選択します

スクリプトから選択できる小さな矢印をクリックします enter image description here

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

enter image description here

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

39
soupy1976

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

debugger;

そのポイントに到達すると、Javascriptデバッガーが起動します

45
Rory

右クリックして[要素の検査]を選択すると、他のデバッグツールの中でJSデバッガーが表示されます。 JSデバッガーでは、ブレークポイントなどを設定できます。

8
Scott

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

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

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

Chrome Dev Toolsここにもっと多くの情報があります: http://www.chromium.org/devtools

3
sym3tri