使用开发工具调试 Chrome 扩展 default_popup答案

【问题标题】：Debugging Chrome extension default_popup using dev tools使用开发工具调试 Chrome 扩展 default_popup
【发布时间】：2015-03-21 03:13:24
【问题描述】：

我正在尝试对 Chrome 扩展程序进行一些简单的调试。当我尝试捕获事件 ID 并将其显示在警报中时，Chrome 会立即关闭警报和默认弹出窗口，从而无法分辨警报中的内容。例如：

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

要改为将其记录到控制台，我可以这样做：

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

但是，如果我无意中关闭了弹出窗口或必须重新加载扩展程序，那么我在弹出窗口上使用“检查弹出窗口”打开的控制台窗口也将关闭。这使得调试过程非常繁琐。

有什么更好的方法来调试和测试 default_popup 的 Chrome 扩展？

【问题讨论】：

【解决方案1】：

你可以像这样调试你的 chrome 扩展

转到此链接
chrome://inspect/#extensions

您可以查看已安装的扩展程序并对其进行检查
:)

获取扩展的链接并将 url 更改为弹出窗口 url 在我的前任中：我更改了 background.html --> popup.html

【讨论】：