在Chrome上的弹出窗口中调试JavaScript

在Chrome中调试弹出窗口的好方法是什么？我需要调试一些在窗口打开时运行的代码，我想知道是否有比在窗口打开时按f12更好的调试方法。我正在寻找类似于使用VisualStudio的东西，您可以打开一个窗口，在一些JS上设置一个断点，然后重新打开窗口，VS将在该断点上中断，而无需执行任何操作

---

如果可以在Firefox上以某种方式实现，只要我不必使用IE，我就会切换到Firefox上。

简短回答：

“按住Ctrl键并单击”

长答案：

我也有同样的问题。这似乎是Google Chrome中的一个bug，在将来的版本中修复之前，我们无能为力。不过，我找到了一个解决办法，虽然这不是一个实际的解决办法，但解决了我的问题

1） 关闭弹出窗口

2） 使用“Ctrl+单击”再次打开它，而不只是单击指向弹出窗口的链接

3） 窗口将在新的“普通”选项卡中打开

4） 现在您可以按F12键进入调试模式

---

希望这也能解决其他人的问题。

现在Chrome开发工具设置中有一个选项。“自动打开弹出窗口的开发工具”。

---

选中该复选框，然后如果您在父窗口上打开了devtools并打开了弹出窗口或新选项卡，devtools将在该窗口/选项卡中自动打开。

您是否在要查看的页面中输入了调试器语句？是的，但如果开发工具未打开，则不会中断。不幸的是，这又让我回到了同样的问题。是什么阻止你打开devtools，然后打开页面？我一直在这样做。我需要调试弹出窗口上的一些初始化代码，而不仅仅是一个普通页面。在代码中放入调试器语句后，您应该能够在打开弹出窗口之前转到初始页面，打开chrome调试器，然后启动弹出窗口，弹出窗口应在调试器语句上中断。