火狐浏览器firebug_浏览器内开发工具：FirebugStillKing

火狐浏览器firebug

在今年年初&＃xff0c;我坐下来写了Simply Javascript的“错误和调试”一章。 我无所适从&＃xff0c;沉迷于Javascript调试工具的领域&＃xff0c;几个小时后变得非常失望。 当时&＃xff0c;Firefox是唯一具有Javascript调试工具的浏览器&＃xff0c;值得一提&＃xff1a; Firebug 。

不到一年后&＃xff0c;情况发生了巨大变化。 每个主要的浏览器都引入了新的开发工具&＃xff0c;这些工具使在相关浏览器内部更容易诊断HTML&＃xff0c;CSS和Javascript代码的问题。 但是&＃xff0c;这些工具中的任何一个都可以与Firebug提供的灵活而毫不费力的工具相提并论吗&＃xff1f; 让我们来看看。

IE浏览器

Internet Explorer臭名昭著&＃xff0c;每时每刻都在冒着神秘的渲染行为和无用Javascript错误消息&＃xff0c;并且微软显然在共同努力&＃xff0c;不仅改进浏览器本身&＃xff0c;而且改进开发人员可用来诊断此类问题的工具。

IE6和IE7的Internet Explorer开发人员工具栏是一个有用的工具&＃xff0c;当您在寻找针对这些浏览器中的渲染问题的解决方法时&＃xff0c;可以随时修改页面样式。 它用于诊断CSS中实际错误的功能虽然笨拙但功能强大。 例如&＃xff0c;其“跟踪样式”功能可让您查看适用于元素的规则列表&＃xff0c;但无法与Firebug所获得CSS级联概览视图相媲美。

至于Internet Explorer中Javascript调试&＃xff0c;图片并不漂亮。 Microsoft Script Debugger是免费下载的软件&＃xff0c;但它充满bug&＃xff0c;不稳定且令人困惑&＃xff0c;以至于您不希望它不是。 Microsoft脚本编辑器是一个可传递的调试器&＃xff0c;但仅随Microsoft Office XP和Office 2003一起分发-您再也无法获得它。

您可以得到的是Visual Web Developer 2008 Express Edition &＃xff0c;它包括一个功能强大Javascript调试器。 如果您要构建一个由ASP.NET驱动的网站&＃xff0c;则甚至可能要使用它来构建您的网站&＃xff0c;在这种情况下&＃xff0c;使用其Javascript调试器非常容易。 但是&＃xff0c;如果仅要将其用作Javascript调试器&＃xff0c;则可能会遇到麻烦。 如果您的页面抛出Javascript错误&＃xff0c;则可以诱使Visual Web Developer调试您的网站 。 如果没有实际的错误&＃xff0c;但是您只是想寻找一些奇怪的行为&＃xff0c;则可能需要花几百美元购买Visual Studio 2008&＃xff0c;Visual Studio 2008可以连接并调试正在运行的Internet Explorer进程 。

Internet Explorer 8设置为通过简化开发人员工具栏的功能&＃xff0c;添加可靠Javascript调试器并将其直接构建到浏览器中而使事情变得更加轻松。 微软通过IE8 Beta 1向我们提供了这些改进工具的早期介绍 。尽管它们看上去很有希望&＃xff0c;但仍缺少Firebug的某些高级功能&＃xff08;如网络监视和配置文件&＃xff09;。

总而言之&＃xff0c;Internet Explorer的情况尚不明确&＃xff0c;但有所改善。 让我们看看其他主要浏览器的表现如何…

苹果浏览器

Safari今年已经走了很长一段路&＃xff0c;而且还会变得越来越好&＃xff01; 随着Safari 3的发布&＃xff0c;基于Windows的开发人员不仅可以访问该浏览器的本机版本来测试其设计&＃xff0c;而且WebKit团队还为开发人员提供了许多新工具。

首先是Web Inspector&＃xff0c;您可以通过启用Develop菜单&＃xff08;在Safari Preferences中的Advanced选项卡上&＃xff09;在Safari 3.1中进行访问。 它不仅提供与Firebug一样强大的即时CSS调整功能&＃xff0c;而且还具有CSS级联的概览视图&＃xff0c;而且还包括类似Firebug的网络监视。

Safari 3还为Safari引入了出色Javascript调试器&＃xff1a; Drosera 。 一旦配置了Safari副本以允许调试器连接&＃xff0c;就可以在浏览器旁边启动Drosera并使用它来确定Javascript代码的问题。

尽管Drosera运作良好&＃xff0c;但必须有人决定最好将Javascript调试器直接构建到Web Inspector中。 这正是WebKit当前开发版本的功能&＃xff0c;因此我们可以放心地期待Safari 3.2中的内置Javascript调试器&＃xff0c;目前预计在9月发布。

在仅仅一年的时间里&＃xff0c;Safari从几乎不提供值得一提的开发人员工具&＃xff0c;发展成为拥有最精巧&＃xff08;几乎是最强大&＃xff09;的工具。 WebKit团队显然很着急。

歌剧

与Safari一样&＃xff0c;刚发行的Opera 9.5自上一发行以来已经获得了一些令人印象深刻的新开发者工具。 歌剧《 蜻蜓》 &＃xff08;Opera&＃xff09;产生的不仅仅是蜻蜓对萤火虫的答案&＃xff1b; 它是用于Web调试工具的与浏览器无关的平台。

Dragonfly不仅可以检查HTML和CSS并调试在Opera 9.5中运行的页面Javascript&＃xff0c;而且还可以连接到Windows Mobile智能手机上运行的最新版本的Opera Mobile。 由于该平台是开源的&＃xff0c;因此理论上其他浏览器也可以添加对Dragonfly的支持。

免费学习PHP&＃xff01;

全面介绍PHP和MySQL&＃xff0c;从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

免费获得这本书

目前&＃xff0c;蜻蜓仍是早期工作。 Opera 9.5可能已经发布了&＃xff0c;但是其内置的开发人员工具仍然存在一些错误和不稳定。 目前&＃xff0c;Dragonfly也是只读的&＃xff1a;您无法像使用其他浏览器的工具那样即时编辑HTML或CSS。 Opera承诺将进行实时编辑。 而且&＃xff0c;解决一些错误应该使Dragonfly成为浏览器内开发工具竞赛中的有力竞争者。

火狐浏览器

…这使我们回到Firefox&＃xff0c; Web开发人员扩展和Firebug &＃xff08;以及其他功能&＃xff09;的结合已确保了它成为大多数Web开发人员首选的浏览器的地位。

Firebug尤其是在这场比赛中处于领先地位&＃xff0c;但是在过去的一年中&＃xff0c;对Firebug的更改主要表现为性能改进和Firefox 3的兼容性更新。Firebug的创建者Joe Hewitt 曾这样说过 Firebug。 Firefox 3昨天发布的前夕&＃xff1a;

Firebug 1.2是与Firefox 3兼容的新版本。不要为新版本感谢我&＃xff0c;因为我没有为此编写代码。 这要归功于在IBM的John J. Barton的带领下在Firebug周围如雨后春笋般兴起的开源社区。 他们做得非常出色&＃xff0c;让我对让Firebug免费和开源的决定感到非常满意。

在过去的一年中&＃xff0c;Firebug进行了大量工作&＃xff0c;但很少有新功能或其他改进形式使它对开发人员更有用&＃xff0c;因此可见。 Firefox的竞争者已经有足够的机会使用一组竞争的开发人员工具来吸引开发人员的思想。

尽管如此&＃xff0c;Firebug仍然是Web开发人员诊断和修复HTML&＃xff0c;CSS和Javascript代码中问题的唯一功能最强大的工具。 其他浏览器已经走了很长一段路&＃xff08;特别是Safari&＃xff0c;它仅缺少一些次要功能&＃xff0c;并以非常光滑的用户界面进行了补偿&＃xff09;&＃xff0c;但是它们都没有Firebug一年以上的所有功能。

当然&＃xff0c;特定于浏览器的错误始终存在&＃xff0c;因此&＃xff0c;提供一组全面的开发人员工具的每种浏览器都将受益。 但是&＃xff0c;到目前为止&＃xff0c;由于有了Firebug&＃xff0c;Firefox仍然是大多数开发人员希望调用的浏览器。

翻译自: https://www.sitepoint.com/in-browser-development-tools-firebug-still-king/

火狐浏览器firebug