Html 如何在代码或页面中找到设置位置的位置？

我在ChromeDevTools中尝试了全局事件侦听器窗格，我尝试放置一个

调试器在
文档/窗口内。addEventListener（“卸载”，…）
并且它不工作

我试图跨过文件main.ts中的语句，当我单击一个链接时，没有任何东西会破坏其中的代码，该链接应该会打开另一个页面，而不是它正在打开的页面。我检查了它的HTML属性，并在其
href
属性中设置了正确的URL。该链接只有一个类，据我所知，该类不用于在页面代码中打开另一个页面

我还搜索了代码中
（窗口）位置更改的所有位置

我还使用
npm update
更新了npm包

我使用KnockOut.js，我有一个静态HTML用于指向错误页面的链接：






这是TypeScript代码的一部分（很抱歉，代码很难看，它是WIP）：

我有一个捕获
单击事件的代码：

$("a").on("click", () => {
  debugger;
});

但是在这个发现之后，我不知道我能做些什么来找到问题的根源

当上述3个LOC捕捉到咔哒声时，我得到以下结果：


可能是什么问题

多谢各位

更新1
在看到这些问题及其答案后（我唯一没有尝试的是使用
iframe
）：




如果我有一个页面，我在Chrome DevTools的tab Sources中的event Listener Breakpoints窗格中选中了
beforeunload
和
unload
事件复选框，然后我点击了一个链接，该链接不应该重新加载页面，但它确实加载了，还有两个断点（
beforeunload
和
unload
）在这个过程中没有触发，我下一步该怎么做

这是已知的bug吗？如果是，有人能给我一个网址吗

谢谢。
如果您的
没有正确的href，单击它将重新加载页面，到目前为止，它听起来像是您观察到的东西，所以仔细检查url，可能它有无效字符。这是否回答了您的问题@wOxxOm我在DevTools中看到
有一个有效的
href
。我还将它放在文本编辑器中，它没有无效字符。@HeyJude可以，因为它是同一个问题，但其中没有适合我的答案。@HeyJude我用相关问题的列表更新了问题，还有一个更清楚的问题。如果你的
没有正确的href，单击它将重新加载页面，到目前为止，它听起来像是你观察到的东西，所以仔细检查url，可能它有无效字符。这是否回答了你的问题@wOxxOm我在DevTools中看到
有一个有效的
href
。我还将其放在文本编辑器中，并且没有无效字符。@HeyJude可以，因为这是同一个问题，但其中没有适合我的答案。@HeyJude我用相关问题的列表更新了该问题，并澄清了一个问题。
$("a").on("click", () => {
  debugger;
});