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

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

1

图一 IE 9调试工具界面

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

     console.log(1)

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

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

var a={
   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的网络功能一样,唯一麻烦的地方就是需要单击“转到详细视图”才能查看具体内容。

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

原文地址:https://www.cnblogs.com/hainange/p/6334324.html