如何用Eclipse调式JavaScript

Posted 2023-02-19

在Eclipse里调式javascript需要有JSDT（JavaScript Development Tools）插件，大部分Eclipse里都已经安装了这个插件。如果不确定安装了没有，可到Help -> About Eclipse -> Installation Details -> Features里检查（按Feature Name排序，然后找Eclipse JavaScript Development Tools）。

JSDT里有个JSDI（JavaScript Debug Interface）模块，这个模块定义了调式协议，并提供了一系列实现，支持目前主流的各个浏览器。有兴趣的朋友可查看官方网站。不过这里我只选择了Google Chrome浏览器，这其中的一个原因是Google自己提供了与JSDI集成的ChromeDevTools插件。

安装完就可以测试了。需要三个步骤：
1）在Eclipse里建一个war工程，并写一个测试的js文件。然后把这个war跑起来。
2）启动浏览器，并带上–remote-debugging-port=9222参数。然后打开上面的网页地址。
3）在Eclipse里配置调式参数，然后设置断点，看看能不能停在断点处（就跟调式Java代码一样）。 参考技术A 在Eclipse里调式JavaScript需要有JSDT（JavaScript Development Tools）插件，大部分Eclipse里都已经安装了这个插件。如果不确定安装了没有，可到Help -> About Eclipse -> Installation Details -> Features里检查（按Feature Name排序，然后找Eclipse JavaScript Development Tools）。

JSDT里有个JSDI（JavaScript Debug Interface）模块，这个模块定义了调式协议，并提供了一系列实现，支持目前主流的各个浏览器。有兴趣的朋友可查看官方网站。不过这里我只选择了Google Chrome浏览器，这其中的一个原因是Google自己提供了与JSDI集成的ChromeDevTools插件。

安装完就可以测试了。需要三个步骤：
1）在Eclipse里建一个war工程，并写一个测试的js文件。然后把这个war跑起来。
2）启动浏览器，并带上–remote-debugging-port=9222参数。然后打开上面的网页地址。
3）在Eclipse里配置调式参数，然后设置断点，看看能不能停在断点处（就跟调式Java代码一样）。本回答被提问者和网友采纳