IE8的开发者工具用法笔记（一）

        最近做项目发现个兼容性的bug，是因为这个问题只在ie下会有。之前一直用firebug或者chrome的工具台调试，就很ok了，大部分js的问题都能搞的定。这回只能用ie8自带的开发者工具了。

        不过，在使用了一个星期之后，我要说IE8真是出人意料，它的表现堪称优秀。我不想比较它与其他浏览器谁优谁劣，我只想说IE6一向被诟病的几个最大的缺陷，IE8都做出了很大的改善，比如对标准的支持、对内存的管理、经常崩溃的问题等等。

      1、怎样打开开发人员工具？

       在ie中要启动开发人员工具：只需要按下F12，或者在点击“工具”菜单中的“开发人员工具“。打开之后的界面，如下图所示：

     在主工作区（Primary Content Pane）中有四个选项卡——HTML、CSS、Javascript（脚本）、Profiler（探查器）。这就是开发工作的主要环境。
    

     HTML是默认的选项卡，每当新打开一个网页，网页的源代码就以DOM树的形式在其中展示。点击最左边的+号，可以展开/收缩该DOM元素。

       2、与firebug的比较：

       我感觉是，对于一些最常见的任务，IE8的“开发人员工具”和Firebug都可以完成，比如网页元素的样式分析和Javascript代码的除错。除此之外，两者各有特点。

      第一、ie下的颜色选择器和图像信息处理。

       点击开发工具的界面的——工具——显示颜色选取器，或者用快捷键ctrl+k。

       这个工具可以帮助在页面获取你所需要的颜色的值。

       还有就是关于图像信息处理，在工具栏上有图像选项，有关于图像信息的处理，使用起来也很方便。

 

         第二、性能调试的“探查器”（Profiler）功能

这个功能会列出Javascript脚本中每一个函数、每一个命令运行的次数和所花费的时间，很有助于找出网页代码的性能瓶颈。（下一篇会有详细的介绍）。

      第三、此外除了以上一些优点，还发现了与firebug最大的不同，“开发人员工具”无法显示关于HTTP请求的信息，所以它几乎无法用来调试Ajax网页程序。这就使得firebug的优点比较明显了。