3

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

当我尝试调试时,如何让 Firebug(或其他东西)美化它显示给我的 JS?

有没有办法告诉调试器单步执行在单击某个元素后执行的每一行 JS,或者以其他方式以逐步方式公开正在执行的部分?

当前是否有关于如何在网络上某处或 SO 上执行此类操作的详细说明?

4

2 回答 2

3

Chrome 开发者工具可以展开缩小后的代码,使其更具可读性。您还可以为 DOM 中的更改设置断点并查看监听的事件。

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

于 2013-03-06T06:22:43.027 回答
0

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

  1. JS 美化器
于 2013-03-06T06:24:06.960 回答