5

有没有人测试过 IE 8 开发者工具栏？它真的像萤火虫一样好吗？

4

6 回答 6

8

Firefox 上的 IE8 开发人员工具栏 abd Firbug 之间的一个很好的比较在这里

于 2009-10-22T09:49:49.427 回答
3

真的好吗？不。一半体面？当然。

如果您习惯使用 Firebug，那么 IE8 开发工具栏将无法比较。不要误会我的意思——实际上里面埋藏着很多好工具——但它并不完整，恕我直言。

缺点：

  • 不等同于 Firebug Net 面板（例如，您看不到加载脚本 X 正在减慢您的网站速度）
  • 没有 YSlow（显然是一个插件 - 但我不相信 IE8 工具栏是可扩展的）
  • 检查样式时没有颜色/图像样本翻转
  • CSS 选项卡只是属性的“转储”...... Firebug 中的 CSS 选项卡中的视图更有用，因为它反映了与您在 CSS 文件中指定的选择器/属性相同的布局
  • 脚本选项卡中的默认视图是 HTML 转储，而不是像 Firebug 中的脚本列表
  • HTML 选项卡 - “编辑”按钮让您可以在 Firebug 中编辑真实的 HTML，但在 IE 开发工具栏中，您可以“编辑”IE 生成的无效 HTML 标签汤
  • 检查两者中的 DOM 元素会在右侧显示“样式”。在 Firebug 中，实际应用的属性上升到顶部，在 IE 中它们下沉到底部 - 因此在 IE 中，如果您想查看应用了哪些样式，请准备好滚动，因为顶部的所有样式都是删除线。
  • 在 IE8 工具栏的“属性”部分中即时添加属性需要耐心。如果您在输入完属性值后按 Enter 键，IE 会很高兴地删除您的值和属性。（您必须单击其他地方才能使编辑框失去焦点 - 非常烦人！）

优点：

  • 脚本分析非常有助于确定哪些函数/方法是您的瓶颈。
  • 跟踪样式（从概念上讲，这显示了给定样式属性的继承位置等。我个人还没有发现它非常可靠（并且在 IE8 测试阶段 - 它完全失败了）
于 2009-10-22T10:02:13.863 回答
2

取决于你需要什么。缺乏 - 例如 - 跟踪 HTTP 标头的能力，并且不像 FireBug 那样容易扩展。

于 2009-10-22T09:46:00.933 回答
1

自 Beta 版以来我还没有尝试过使用它，但我记得如果你的页面上有太多东西，比如有一千多行的表格，它就会崩溃。

一个不错的功能是能够更改呈现模式以查看您的页面在 IE7 中的行为方式

于 2009-10-22T09:47:20.300 回答
0

获得正确的格式以及针对 IE 特定问题调试脚本非常棒。否则 Firebug 更好恕我直言。

于 2009-10-22T09:53:11.937 回答
0

不同的工具适用于不同的工作。您无法在 IE 上运行 FireBug，因此当您尝试将页面调整为 IE 时，您将使用开发人员工具栏。同样，DT 不能在 FireFox 上运行，因此您必须使用 FireBug 进行优化。

于 2009-10-22T10:21:11.113 回答