google-chrome-extension
Integration av utvecklarverktyg

Programmatisk brytpunkt tips

Lägg till debugger-uttalandet i ditt innehållsskript

var foo = 1;
debugger;

foo = 2;

Öppna utvecklarverktyget på webbsidan där ditt innehållsskript injiceras för att se kodkörningspausen på de raderna.

Felsöka bakgrundsidan / skriptet

Bakgrundsskriptet är som alla andra JavaScript-koder. Du kan felsöka den med samma verktyg som du felsöker annan JavaScript-kod i Chrome.

Om du vill öppna Chrome Developer Tools går du till chrome://extensions och aktiverar Developer mode :

Nu kan du felsöka alla tillägg som har en bakgrundsida eller skript. Bläddra bara till tillägget du vill felsöka och klicka på länken bakgrundsida för att inspektera det.

Tips: Om du vill ladda om tillägget kan du trycka på F5 i fönstret för utvecklarverktyg. Du kan sätta brytpunkter i initialiseringskoden innan du laddar om.

Tips: Högerklicka på tilläggsknappen och välja "Hantera tillägg" kommer att öppna chrome://extensions rullas till det tillägget.

Felsöka popup-fönstret

Du har två sätt att felsöka popup-fönstret. Båda sätten är att använda Chrome DevTools.

Alternativ 1: Högerklicka på tilläggets åtgärdsknapp och välj Inspektera popup

Alternativ 2: Öppna popup-fönstret, direkt i din webbläsare som en flik.

Till exempel, om ditt förlängnings-ID är abcdefghijkmnop , och din popup-html-fil är popup.html . Gå till adressen och navigera till:

chrome-extension://abcdefghijklmnop/popup.html

Nu ser du poupen i den vanliga fliken. Och du kan trycka på F12 för att öppna utvecklarverktygen.