有没有办法监控页面上运行的javascript函数？

Question

有没有办法查看页面上正在执行哪些功能？

如果我在页面上加载外部脚本，是否可以动态更改函数的功能或阻止其运行？

Answer 1

HTML5引入了onbeforescriptexecute事件，您可以使用它来动态检测新脚本，并根据需要阻止它们。

例如：

window.addEventListener('beforescriptexecute', function(e) {
    // e.target.src is the URL of the external loaded script
    // e.target.innerHTML is the content of the inline loaded script
    if (e.target.src === urlToBlock)
        e.preventDefault(); // Block script
}, true);

Answer 2

使用Firebug for Firefox或Chrome开发者工具。您可以设置断点并很好地调试代码。

Answer 3

https://developer.chrome.com/devtools/docs/javascript-debugging这是一个很好的起点。