19

私は Chrome 拡張機能開発の初心者です。既存の拡張機能 ( angularjs-batarang ) を拡張する必要がありますが、デバッグに問題があります。

manifest.jsonエントリがあります:

  "background": {
    "page": "background.html"
  },
  "devtools_page": "devtoolsBackground.html"

問題は次のとおりです。デバッグ方法はdevtools_page？manifest.json追加のエントリ に追加しました。"options_page": "devtoolsBackground.html"この拡張機能を Chrome に追加すると、optionsからページを実行できる可能性がありますchrome://extensions。アプリケーションがブレークポイントで停止するため、機能します。残念ながら、私はchrome.devtoolsAPI にアクセスできません。したがって、それは解決策ではありません。

これをデバッグして、この API にアクセスするにはどうすればよいですか?

4

1 に答える 1

37

devtools ページの開発者ツールを開くには、通常、次の手順に従います。

  1. 開発者ツールを開きます。
  2. まだ行っていない場合は、開発者ツールをドッキング解除します (左下隅のボタンを使用)。
  3. Ctrl+ Shift+を押しJて、開発者ツールの開発者ツールを開きます。
  4. オプション: ステップ 2 で開発者ツールをドッキング解除した場合は、自由に再度ドッキングしてください。
  5. " <top frame>" からdevtoolsBackground.html(または開発ツール用に選択した任意の名前) に切り替えます。（例）
  6. chrome.devtoolsこれで、[コンソール] タブを使用してAPIを操作できるようになりました。
于 2013-11-09T12:00:21.063 に答える