推荐一款很好用的调试JS的Eclipse插件(转)

原文：http://flash7783.iteye.com/blog/480822

 

1. Javascript Debug Toolkit 介绍

JSDT(Javascript Debug Toolkit) 是一个用于javascript 调试的eclipse 插件，用于调试javascript 。JSDT 可以跨浏览器调试，支持在IE,Firefox,Safari,Chrome 等主流浏览器中调试 javascript 。JSDT 支持设置断点，单步调试等调试工具的基本特性。

 

2. 如何安装

JSDT 是基于eclipse3.2+,jdk1.5+ 基础开发的，因此安装JSDT 前应当先安装jdk1.5+ 和eclipse3.2+ 。 JSDT 下载地址： http://code.google.com/p/jsdt/downloads/list , 其中jsdt-1.0..zip 是JSDT 的安装包，下载把其中的三个jar 包解压到eclipse 的plugins 目录下，重启eclipse 即可。目前版本解决的主要问题是编码，使用了自动探测编码的技术，解决编码问题。 jsdt-simple.swf 是一段使用jsdt 在chrome 浏览器调试javascript 的简单例子的录象。 jsdt-ext-desktop.swf 是一段使用jsdt 在safari 浏览器调试javascript 的录象。

 

3. 如何使用

1. 在eclipse 中打开调试对话框

如下图所示：

 

2. 新建一个Javascript Debug

 

如下图所示 在url 中输入要调试的url-- 本地文件名或服务器上的文件名( 只支持http 类型的url) 。在browser 输入框中选择浏览器(ie,firefox,safari 或chrome 等)

点击调试后会打开浏览器，，eclipse 也会转到调试视图，并打开所有用到的javascript 文件。

如果没有打开javascript 文件，请查看调试透视图中是否打开了Debug Scripts 视图

如果没有打开该视图，请点击：window-show view-other->Debug Scripts 打开Debug Scripts 视图，再选择当前调试堆栈，即可看到Debug Scripts 视图，双击Debug Scripts 中的文件，即可打开script 文件。

3. 设置断点

 

 

在js 文件中可以设置断点

浏览器中运行到该行js 时会自动中断，eclipse 也会停止在该断点，等待用户操作。

4. 其他操作

因为其他操作和eclipse 调试是一样的，这里不再多讲。

JSDT 官方网址：http://code.google.com/p/jsdt/

当然使用Firefox 的朋友也可以选择 FireBug ，也是很不错的JS 调试工具。