0

DOM ツリーが変更されたかどうかを調べるために、DOM ツリー プロテクター Chrome 拡張機能を作成します。background_page に js ファイルがあります。これらの console.logs() を他のテスト html ファイルで取得するにはどうすればよいですか? 今しか見つけられないのは、 generated_background_page.html をクリックしたときの chrome://extensions/ のデバッグ情報です。では、他の Web ページの情報を取得するにはどうすればよいでしょうか。返信ありがとうございます。

4

1 に答える 1

2

Chrome 拡張機能をデバッグする際に非常に役立つことがわかったのは、Chrome 開発者ツールの「要素の検査」機能を使用することです。デバッグしたいページまたは要素 (拡張機能からのポップアップなど) がある場合:

Open up Developer Tools
Wait for your popup to appear (if its not already up)
Switch to the Elements view on Developer Tools
Click the magnifying glass at the bottom so you can select an element
Click on an element in the page you want to debug (e.g. the popup page)

これで、ソース ビューと他のビューが、クリックした要素と一致するように整列します。コンソールでは、そのコンテキストで変数を確認できるようになりました。

拡張機能を機能させることができない場合、さまざまな理由が考えられます。

  1. すべてのスクリプトは拡張機能のディレクトリから読み込まれますか?それともサイトから提供されますか? https 経由で、スクリプトを提供しているサイトがホワイトリストに登録された後でない限り、Chrome は外部サイトからスクリプトをロードしません。詳細については、Chrome コンテンツ セキュリティ ポリシー をご覧ください。
  2. DOM を検査するには、読み込まれているページにコンテンツ スクリプトを挿入する必要があります。これを正しく行っていると確信していますか？manifest.json は正しく実行する必要があります。そうしないと、コンテンツ スクリプトが読み込まれません。
  3. コンテンツ スクリプトと拡張機能が通信するには、メッセージを投稿して受信する必要があります。詳細については、こちらをご覧ください。

おそらく、私が持っている最善の提案は、何かが機能するまでChrome拡張機能の「チュートリアル」に注意深く従い、必要に応じて修正することです.

于 2013-05-20T00:20:37.583 に答える