Ext学习笔记（三） 辅助开发工具

1.调试工具 Firebug

 

firebug，它可以显示动态生成的dom，甚至可以在firebug里直接对dom进行修改，而这些修改会反映到显示页面上。

 

通过firebug提供的控制台，可以直接执行JavaScript脚本，也可以在JavaScript代码中使用console.debug()、console.info()、console.error()等日志方法，便于调试和跟踪。

 

firebug可以查看ajax方式发送和接收的各种信息，还可以查看发送的参数以及返回的状态和信息。

 

第一步，下载Firebug，在官方网站上点击下载链接，FireFox会自动提示安装插件，等待安装完成，重启Firefox后就可以使用firefox。

 

安装完成之后，在firefox的工具栏上单击查看选项，便会看到firebug，选中它就可以开始调试了。

 

ext开发者也都倾向于使用firefox进行开发，因为有些应用在firefox上运行良好，在ie上却会出现这样或那样的问题。由于目前ie占据大约60%的浏览器市场份额，所以我们还是需要让自己的项目能在ie中正常运行。

 

1.控制台：控制台会输出代码中的错误，并且可以查看错误的详细信息，还可以直接在下方的命令栏中执行javascript脚本。右下角的图标显示脚本错误的数量。

 

2.HTML：html查看器。通过它可以查看页面的源代码。

 

3.css：css调试器。调试css样式，通过右侧的样式标签可以查看html元素使用的样式。

 

4.脚本：Javascript脚本调试器。在其中可以为Javascript脚本设置断点进行单步调试，右侧还提供了查看变量的窗口

 

5.dom：dom查看器

 

6.网络：网络状况监视。它能将页面载入的css样式文件、js脚本和网页中引用的外部图片所消耗的时间以柱状图呈现出来，还可以查看http协议的请求和相应信息。

 

2.Spket

 

用法：1.eclipse插件

         2.独立的IDE

 

我使用的是myeclipse8.5，不知道为什么配置好features和plugings之后，eclipse中的window-prefrences里看不到spket配置选项。