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。