Debugging Chrome extension default_popup using dev tools -

i'm trying simple debugging on chrome extension. when try catch event id , show in alert, chrome closes alert , default popup window making impossible tell in alert. instance:

$("a[data-toggle='pill']").on('shown.bs.tab', function (e) {     alert(e.target.id); }); 

to instead log console, do:

$("a[data-toggle='pill']").on('shown.bs.tab', function (e) {     console.log(e.target.id); }); 

however, if inadvertently close popup or have reload extension, console window opened using "inspect popup" on popup closed. makes tedious debug process.

what better approach debugging , test chrome extensions default_popup?

you can debug chrome extensions

go link
chrome://inspect/#extensions

you can see installed extensions , can inspect them
:)

grab link extension , change url popup window url in ex: changed background.html --> popup.html