使用 Ajax Toolkit Framework 开发 Dojo 应用（2）

look_w

使用ATF的DOM Inspector and JavaScript Console我们先来看一下ATF的DOM Inspector提供的功能：
1．当我们在Mozilla中运行我们的dojo应用的时候，我们可以在Eclipse的Workspace右侧看到DOM Inspector，它可以把整个html页面的DOM结构，清晰完整的在里面显示出来。当你点击任何一个标签的时候，其相应的部分就在左侧的页面中以红色边框包围，重复闪烁3次：
在DOM Inspector中，我们可以很方便的扑捉页面的DOM树结构，并可以打开某个节点，浏览其相应的子节点，可以方便定位页面元素。
2．当我们在DOM Inspector中选择一个节点的时候，它所包含的一些属性就在下面的属性-值得列表中显示出来：
这些属性分为3类：
1）盒子模型：里面主要是包含一些有关长宽高的属性。
2）DOM属性 ：里面包含的属性是可以做修改的，不同的标签节点，所对应的属性不一样。
3）计算的样式 ：主要是一些由CSS定义的值，可以在页面使用的CSS文件中进行修改。
3．我们也可以在内嵌的Mozilla中访问外部的web页面，这时DOM Inspector也会根据加载的页面，做相应的调整，从而显示在Mozilla中当前加载的页面的DOM信息：
在这个页面中，加载的是IBM的官方站点，这时，在DOM Inspector中，也自动显示该IBM首页面的DOM信息。
4．我们可以使用ATF提供的JavaScript Console来扑捉当前Mozilla加载页面所包含的错误，以及这些错误在页面源文件中的行号，我们可以在JavaScript Console中对所提示的信息，根据级别，分别选择All，Errors，Warnings，Messages等，就像我们开发普通的Java程序一样，在下面的Console中提示友好的编辑信息，这样便于我们发现和修改页面中的错误。
5．在XHR Monitor view中我们还可以看到Dojo包加载机制对其页面所加载的JavaScript文件的加载顺序，其实也就是XmlHttpRequest 的监视控制台：