JS调试过程

JS debugging processes?

本文关键字：过程调试 JS 更新时间：2023-09-26

场景:我有一个插件在第三方网站上使用，我必须调试一些冲突的JS和CSS。除了有问题的公共页面外，我无法访问他们网站上的任何内容。JS都被缩小了，而且有很多。

我如何有Firebug(或其他东西)美化JS它显示我，而我试图调试?

是否有一种方法可以告诉调试器在单击某个元素后执行的每一行JS，或者以循序渐进的方式暴露正在执行的部分?

是否有当前的螺母和螺栓概述如何做这类事情在网上某处，或在这里SO?

Chrome开发工具可以展开缩小的代码，使其更易于阅读。您还可以为DOM中的更改设置断点，并查看侦听哪些事件。

您还应该查看源代码映射(参见http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/)，您可能会发现它们对于从最小化源代码映射到非最小化源代码可能很有用。

可以使用Chrome开发工具。或者这个网站