調試Chrome擴展的popup.html？

我正在製作Chrome擴展程序，需要查看popup.html的HTML/CSS/JS。調試Chrome擴展的popup.html？

我不能右鍵單擊來檢查元素。有另一種方法嗎？我需要確保CSS和JavaScript正確插入。如何調試該彈出文件中的問題？

來源

2011-02-18 Skizit

記錄文檔，教程：調試：https：//developer.chrome.com/extensions/tut_debugging – brasofilo 2016-02-13 04:08:16

右鍵點擊擴展的按鈕，然後從「檢查彈出」

來源

2011-02-18 10:10:29

正是我想要的。我不知道那裏有。謝謝！ – Skizit 2011-02-18 10:11:35

在Chrome 22（2012年8月1日發佈的Canary）中，'Inspect Popup'選項已被刪除，可能是因爲您可以從彈出窗口中'檢查元素'。但是，正因爲如此，沒有辦法在加載時運行的代碼上調試/設置斷點。到目前爲止，我唯一的解決方案是將setTimeout設置爲10-15秒，這使我有時間打開彈出窗口，選擇'Inspect Element'，找到Scripts標籤並在超時函數內設置斷點。你知道更簡單的方法嗎？ – Schmuli 2012-07-31 22:08:56

我不知道，對不起，我希望chrome團隊能夠停止破壞事情。 – 2012-08-01 16:59:04

是的，「審查彈出」擴展程序圖標，並分開 - 從擴展管理器，你也可以檢查你的選項頁。

來源

2011-06-28 06:51:08 aCode

Inspect Popup已經離開了最新的版本。

以下是我如何調試Chrome擴展彈出窗口。

單擊彈出式按鈕以查看網頁（彈出窗口本身）。
右鍵單擊窗口並選擇檢查元素
Chrome調試器窗口出現正確的上下文，但您已經錯過了您的斷點和debugger語句。
這是竅門。點擊調試器的控制檯部分，然後輸入：location.reload(true)，然後按回車。

現在你的斷點被擊中了！偉大的方式來重新加載更改的腳本，而無需重新訪問擴展頁面。

來源

2012-08-22 07:40:47

也許是另一種方式，可能是找到ID：在Chrome應用程序：//鉻/擴展/

然後，您可以

chrome-extension://id_of_your_application/popup.html

交易所彈出加載彈出在常規窗口.html作爲您在「default_popup」屬性下的manifest.json中指定的文件。

來源

2012-09-06 10:50:20

調試Chrome擴展的popup.html？

回答

相關問題