調試Chrome擴展，訪問chrome.devtools api

Question

我是Chrome擴展開發的初學者。我需要擴展現有的擴展（angularjs-batarang），但我在調試時遇到一些問題。

manifest.json有條目：

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

的問題是：如何調試devtools_page？我添加到manifest.json附加條目 "options_page": "devtoolsBackground.html"並且當我將此擴展程序添加到Chrome時，我有可能從chrome://extensions運行options頁面。 它可以工作，因爲應用程序停在斷點處。但不幸的是，我無法訪問chrome.devtools API。所以這不是解決方案。

我該如何調試並訪問此API？

Answer 1

要打開開發者工具的devtools頁面，我通常遵循以下步驟：

1. 打開開發者工具。
2. 如果尚未完成（通過左下角的按鈕），請取消開發工具。
3. 按下Ctrl鍵+移+Ĵ開放的開發工具的開發者工具。
4. 可選：隨意一次停靠開發工具，如果你已經在步驟脫開它2.「<top frame>」
5. 切換到devtoolsBackground.html（或任何名字，你選擇你的devtools）。 （example）
6. 現在您可以使用Console選項卡來玩chrome.devtools API。