Javascript 使用IDE工具进行调试
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.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调试是一样的，这里不再多讲。
相关文档：
第六章 Responsive Interfaces 响应接口
There's nothing more frustrating than clicking something on a web page and having nothing happen. This problem goes back to the origin of transactional web applications and resulted in the now-ubiquitous "please click only once" m ......
Data Format Conclusions 数据格式总结
Favor lightweight formats in general; the best are JSON and a character-delimited custom format. If the data set is large and parse time becomes an issue, use one of these two techniques:
总的来说越轻量级的格式越好，� ......
第八章 Programming Practices 编程实践
Every programming language has pain points and inefficient patterns that develop over time. The appearance of these traits occurs as people migrate to the language and start pushing its boundaries. Since 2005, when the term "Ajax" ......
Summary 总结
When web pages or applications begin to feel slow, analyzing assets as they come over the wire and profiling scripts while they are running allows you to focus your optimization efforts where they are needed most.
当网页或应用程序变慢时，分� ......
The jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components i ......
