IE 9尝鲜：新增的Web调试功能

今天装了个IE 9 beta版，终于看到等待已久，类似Firebug的调试工具了。在页面中的按F12键就可以打开调试工具，其界面如图一所示，有点类似Firebug。

图一 IE 9调试工具界面

在控制台的命令行中输入如下命令：

console.log(1)

可以看到输出，说明和Firebug的控制台命令兼容，相当好，这样就不用因为控制台命令的不同而要写不同的测试代码，只要一套代码就可以在Firefox和IE中进行测试了。

在控制台中输入以下语句：

var a={
   width:10,
   height:10
}
console.log(a)

输出居然是：日志: [object Object]

这个相当郁闷了。而且不能象Firebug一样，可以单击对象进入DOM中查看对象。这个有待改善，这和以前的Debugbar的功能有点类似，不知道是不是微软和它合作搞出来的。先不管这个，继续测试看看。

打开《Javascript的调试利器：Firebug使用详解》一文的例子，在HTML页可以看到脚步生成的HTML代码。最大的问题是如图一的HTML文档显示方式，看着有点累。

选择一个文档节点，可以在右边看到它的样式、布局和属性，和Firebug基本一样，就是样式的显示方式看着累（也可能是习惯了Firebug的方式所致）。

和Firebug一样，可直接在调试窗口中修改HTML文档及其样式属性。

终于发现一点比Firebug优异的地方了，就是可以将修改的文档存盘，哈哈。

CCS页和Firebug的功能基本一样，也可以存盘。

控制台还要一个问题是不能跟踪Ajax请求，这是一个问题。

脚本调试和Firebug的区别不大。

在探查器里可以做一些统计工作，估计和Firebug的统计测试命令差不多，具体有待进一步研究。

网络功能和Firebug的网络功能一样，唯一麻烦的地方就是需要单击“转到详细视图”才能查看具体内容。

虽然这个调试工具的功能还需要继续完善，但是起码是个好的开端，呵呵。