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

この質問は同じように聞かれました。before、Google ChromeのJavascriptをデバッグできないようです。Google Chrome Javascriptデバッガとコンテンツスクリプト

I>は開発者ページに行けば、 "デバッグのJavascript"（はCtrl +Shiftキー + L）が無効になっています。 Alt + は機能しません。

私は--enable-extensionsでchromeを起動しているので、「コンテンツスクリプト」拡張機能を開発しています。

私が理想的にやってみたいのは、実行時にブレークポイントを設定し、スクリプトをステップ実行することです。 JavaScriptについて言えば、私は少し頭がおかしいので、どんな指針もありがたいです。

「JavaScript Console」にアクセスできますが、その中にコンテンツスクリプトが見つかりません。 JavaScriptデバッガとの違いもわかりません。

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

出典

2009-05-21 Clayton Hughes

XP、Vista、7RCなど、使用しているウィンドウのバージョンを表示することがあります。ChromeとWindows 7がうまく対応していないことが分かりました。 – Joel

これらの回答はすべて古くなっているようですが、これはGoogleで高く評価されているため、最新の回答は

です

Chromeでは、CTRL+SHIFT+iを押してデベロッパーツールを表示します。

選択 'ソース'

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

次に選択し、[コンテンツのスクリプト "

enter image description here

あなたはその後、必要があります拡張機能のID（chrome manage extensionsページから入手可能）を確認してスクリプトにアクセスし、通常どおりにデバッグします。

出典

2014-02-12 17:15:53 soupy1976

私はこの質問については何も覚えていない/ Chrome拡張機能を開発していますが、これは確かな答えのようです。 –

あなたはもはや拡張IDを知る必要はありません。 – Teepeemm

また、マニフェストのcontent_scriptsセクションを壊してしまった場合、単にyが表示されません私たちのコンテンツスクリプトが記載されています。たとえば、Facebook用のものをロードして、content_scriptsにhttps://www.facebook.com/のみ入れる場合は、あなたがホームページにいないとき（後ろのアスタリスクなし）、またはモバイルドメイン（m.facebook.com）などを含むリンク –

右クリックして[要素の検査]を選択すると、その他のデバッグツールの中でJSデバッガが見つかります。 JSデバッガでブレークポイントなどを設定できるようにする必要があります。

出典

2009-05-21 23:36:58 Scott

これは、JavaScriptコンソールです。デバッガではありません。違いがあるようです。私はここで密集している可能性が高いですが、私はこの時点でスクリプトにブレークポイントを挿入する方法を見つけることができません。イベントリスナーとして特定のオブジェクトに追加したコンテンツスクリプト機能は、どのように表示されますか？ this.addEventListener（ 'click'、myFuncHere、true）で 'myFuncHere（）'をデバッグできるようにしたい。 –

インスペクタウィンドウの上部にある[スクリプト]ボタンをクリックすると、それがデバッガになります。ドロップダウンメニューから特定のスクリプトソースを選択し、行番号をクリックしてブレークポイントを設定することができます。 – Scott

先端のおかげで、スコット、私はそこに私のユーザーのスクリプトが表示されません、ちょうどウェブサイトから適切なもの。何か不足していますか？ –

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

すべてのChrome拡張機能に一意のIDが割り当てられているようです。 IDを確認するには、デベロッパーモードでChrome拡張機能のページを表示します。

次に、スクリプトのドロップダウンにあるスクリプトを検索するだけです。ここではクローム開発ツールのより多くの情報があります

あなたのスクリプトを選択すると、等のブレークポイントを設定することができます。 http://www.chromium.org/devtools

出典

2010-07-02 06:17:17 sym3tri

スクリプトで次のコマンドを入れてください：

起動します

debugger;

をその点に達するとJavascriptデバッガ

出典

2010-10-13 10:39:41 Rory

Firebugはこれをサポートしていますか？ –

Firebugで動作すると思いますが、動作したらここに返信してみてください:) – Rory

これは私の人生にとって最高の日です。！ – Hassek

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

答えて

関連する問題