1) 檢視擴充套件程式的詳細資訊和ID
通過Chrome 瀏覽器的“ 工具->更多工具->擴充套件程式”，開啟chrome://extensions頁面，選中右上角的“開發者模式”，可以檢視擴充套件程式的詳細資訊（如名稱、概述、佔用空間大小、版本和許可權等）和ID。
2) 檢視擴充套件程式的popup頁面
通過Chrome 瀏覽器的“工具 ->更多工具->擴充套件程式”，開啟chrome://extensions頁面，選中右上角的“開發者模式”（必須在開發者模式下才能夠看到除錯選單項），這時右鍵單擊位址列右側的擴充套件程式圖示，選擇“審查彈出內容Inspect popup”，將會開啟Developer Tools視窗，其中可以檢視或跟蹤popup.html頁面的所有相關資源，包括js、DOM和CSS，如下圖所示。同時顯示出popup.html頁面。
在Developer Tools視窗中，除錯常用的有Elements、Sources和Console皮膚。
通過Elements皮膚，可以對照顯示的頁面檢視頁面的組成元素。
通過Sources皮膚，可以開啟所有涉及的js檔案，並設定斷點，還可以Watch相關的js表示式。跟蹤除錯過程中，F11鍵可以單步除錯，Shift+F11鍵可以跳過當前執行的函式，F8鍵可以恢復執行。
通過Console皮膚，可以檢視JavaScript程式碼（如console.log(), console.error()等）執行的輸出結果，類似於Windows命令列視窗。
注意：在此皮膚中輸入location.reload(true)，可以重新載入popup頁面，從而對popup頁面的初始化過程進行跟蹤。
3) 檢視擴充套件程式的options頁面
擴充套件程式的options頁面的過程與popup頁面類似，區別僅在於開啟Developer Tools視窗的方式。
通過Chrome 瀏覽器的“ 工具->更多工具->擴充套件程式”，開啟chrome://extensions頁面，對於要檢視的擴充套件程式，單擊“選項options”彈出options頁面，在options頁面中右鍵單擊並選擇“審查元素”即可。
4) 檢視擴充套件程式的檔案
除錯擴充套件程式的時候，可以通過如下的方式直接訪問Google Chrome擴充套件中的檔案：
chrome-extension://<extensionID>/<pathToFile>
其中，extensionID可以通過chrome://extensions的URL檢視。在開發過程中extensionID經常變化，可以使用@@extension_id替代；一旦打包部署就擁有永久的extensionID。