检查/调试从CDN加载的js脚本

Question

在medium网站上，如果我检查任何文章上的“喜欢”按钮，我将无法查看js脚本。 （我想看看clickHandler的代码。）

我后来发现这些脚本来自另一个域（CDN）。

为什么我不能检查js文件，如果它们来自另一个域，即使它们正被执行？

顺便说一句，我正在使用铬。

带走（讨论后）：

• 事件可能会从子节点冒出来。
• 事件处理程序可以附加到父节点，并可以处理从子节点冒出的事件。（事件委派）

Answer 1

如上所述here，您应该能够使用chrome开发人员工具检查DOM元素的事件处理程序。 很可能你会发现Javascript代码缩小了，这意味着它几乎无法读取。 （但是chrome也有something for that，尽管你仍然需要处理无意义的变量名等。）

Answer 2

您可以从单独的CDN中完全检查点击处理程序。由于Web的开放性，DevTools可以访问页面下载和执行的任何JS。

1. 转到来源并为click个事件启用Event Listener Breakpoints。

   

2. 点击媒体上的赞按钮。 DevTools暂停事件监听器代码。

   

3. 点击Format（靠近来源面板底部），使缩小的文件更具可读性。