使用特定于该浏览器的调试平台来解决晦涩难懂的浏览器特定 Javascript 或 DOM 错误,可以节省大量时间。
I would suggest starting with Firebug because it traditionally has provided the most powerful set of debugging features.
However IE dev tools (and others such as Opera Dragonfly) are rapidly catching up and are probably preferred if your pages are being displayed primarily in those browsers.
So I don't think you can get away with just learning one or the other. Find out which browsers your users prefer and install the developer tools for each browser.
You'll save yourself a lot of time solving obscure browser specific Javascript or DOM bugs using the debugging platform specific to that browser.
I would suggest Firebug first, as, it will help you determine errors more quickly, as I found it more intuitive to use, but, if you are only supporting IE then the IE Developer tools would be your best bet.
Which browsers do you support?
That will determine the best one to start with, but, if you have to, use Firebug for the initial debugging.
IE8 开发者工具很有用,但体验与 Firebug 不太相似,但概念仍然存在。我还建议您熟悉 Safari Web Inspector 和 Opera Dragonfly。它们是与 Firebug 具有相似方面的调试工具。
You'll definitely feel at home with Firebug. I is the easiest and the most powerful of tools that I know of for debugging pages live. I constantly make use of it prior to committing a change to a CSS stylesheet (i.e. margins/paddings, colors and the like). The fact that it also includes a Javascript Debugger and a console is a plus. From what I gather, many that do not use Firefox use Firebug Lite. It's JavaScript powered and a bit slow, though.
IE8 Dev. Tools is useful, but the experience isn't very much alike Firebug, but the concept remains. I recommend also familiarizing yourself with Safari Web Inspector and Opera Dragonfly. They are debugging tools with similar aspects to Firebug.
Unless it's to test/debug and IE quirk with JS, you are better off sticking with Firebug. IE8 DT doesn't even come close to Firebug in performance or usability. Try IE8 DT and debugging JS while you are running a project in VS's debugger. I'll save you the trouble and tell you "YOU CAN'T". Develop with Firefox as your standard and 99% of everything else will work fine.
I think you will have to learn both, because sometimes things that work in FF don't work as expected in IE, or the other way round, so it will be helpful to use the tool that matches the browser.
The development tools in Firefox and IE are same now after the arrival of IE8. Yeah, it do mean that Internet Explorer is still not the choice of developers due to many reasons, however the basic tool of FF famous in developers is Firebug and another is Web Developer Toolbar, well IE Developer Tools cover both of them and if you are familiar with IE Developer Tools or Firebug on FF, you shouldn't have any problem to work on the other browser.
As stated already, the answer is to learn both. As goes with cross-browser development, time must be spent to work out the kinks in different browsers. Firebug is by far the superior tool, but if you're troubleshooting a bug in IE, it goes without saying that the IE Dev tool would be the better choice.
Also, since we are still coding for multiple versions of IE. IE 7 compatibility mode is a nice feature to test that you're latest changes that seem to work fine in IE8 are still working/looking like you would expect them to in IE7.
发布评论
评论(8)
我建议从 Firebug 开始,因为它传统上提供了最强大的调试功能集。
但是 IE 开发工具(以及其他工具,例如Opera Dragonfly)正在迅速迎头赶上,如果您的页面主要在这些浏览器中显示,则可能是首选。
所以我认为你不能仅仅学习其中之一就可以逃脱惩罚。找出您的用户喜欢哪些浏览器,并为每个浏览器安装开发人员工具。
使用特定于该浏览器的调试平台来解决晦涩难懂的浏览器特定 Javascript 或 DOM 错误,可以节省大量时间。
I would suggest starting with Firebug because it traditionally has provided the most powerful set of debugging features.
However IE dev tools (and others such as Opera Dragonfly) are rapidly catching up and are probably preferred if your pages are being displayed primarily in those browsers.
So I don't think you can get away with just learning one or the other. Find out which browsers your users prefer and install the developer tools for each browser.
You'll save yourself a lot of time solving obscure browser specific Javascript or DOM bugs using the debugging platform specific to that browser.
我首先建议 Firebug,因为它会帮助您更快地确定错误,因为我发现它使用起来更直观,但是,如果您只支持 IE,那么 IE Developer 工具将是您最好的选择。
你们支持哪些浏览器?
这将确定最好的开始,但是,如果必须的话,请使用 Firebug 进行初始调试。
I would suggest Firebug first, as, it will help you determine errors more quickly, as I found it more intuitive to use, but, if you are only supporting IE then the IE Developer tools would be your best bet.
Which browsers do you support?
That will determine the best one to start with, but, if you have to, use Firebug for the initial debugging.
至少如果您是专业网络程序员,请学习两者。无论如何,没有什么可学的——它只是一个工具。
Learn both, at least if you are pro web coder. There's not much to learn anyway - it's just a tool.
Firebug 一定会给您带来宾至如归的感觉。 I 是据我所知用于实时调试页面的最简单且最强大的工具。在对 CSS 样式表(即边距/填充、颜色等)进行更改之前,我经常使用它。事实上,它还包括一个 Javascript 调试器和一个控制台,这是一个优点。据我所知,许多不使用 Firefox 的用户都使用 Firebug Lite。它是由 JavaScript 驱动的,不过速度有点慢。
IE8 开发者工具很有用,但体验与 Firebug 不太相似,但概念仍然存在。我还建议您熟悉 Safari Web Inspector 和 Opera Dragonfly。它们是与 Firebug 具有相似方面的调试工具。
You'll definitely feel at home with Firebug. I is the easiest and the most powerful of tools that I know of for debugging pages live. I constantly make use of it prior to committing a change to a CSS stylesheet (i.e. margins/paddings, colors and the like). The fact that it also includes a Javascript Debugger and a console is a plus. From what I gather, many that do not use Firefox use Firebug Lite. It's JavaScript powered and a bit slow, though.
IE8 Dev. Tools is useful, but the experience isn't very much alike Firebug, but the concept remains. I recommend also familiarizing yourself with Safari Web Inspector and Opera Dragonfly. They are debugging tools with similar aspects to Firebug.
除非是用 JS 来测试/调试和 IE 怪癖,否则你最好坚持使用 Firebug。 IE8 DT 在性能或可用性方面甚至无法接近 Firebug。在 VS 的调试器中运行项目时,尝试使用 IE8 DT 和调试 JS。我会帮你省去麻烦并告诉你“你不能”。使用 Firefox 作为标准进行开发,其他 99% 的内容都可以正常工作。
Unless it's to test/debug and IE quirk with JS, you are better off sticking with Firebug. IE8 DT doesn't even come close to Firebug in performance or usability. Try IE8 DT and debugging JS while you are running a project in VS's debugger. I'll save you the trouble and tell you "YOU CAN'T". Develop with Firefox as your standard and 99% of everything else will work fine.
我认为你必须学习两者,因为有时在 FF 中工作的东西在 IE 中无法按预期工作,或者反之亦然,因此使用与浏览器匹配的工具会很有帮助。
I think you will have to learn both, because sometimes things that work in FF don't work as expected in IE, or the other way round, so it will be helpful to use the tool that matches the browser.
IE8到来后,Firefox和IE中的开发工具现在是相同的。是的,这确实意味着 Internet Explorer 由于多种原因仍然不是开发者的选择,但是 FF 在开发者中著名的基本工具是 Firebug,另一个是 Web Developer Toolbar,IE 开发者工具涵盖了这两个工具,如果你是熟悉 IE 开发工具或 FF 上的 Firebug,您在其他浏览器上工作应该不会有任何问题。
本教程很有用:
教程:使用 IE Developer Mozilla Firefox 中的 Firebug 工具
The development tools in Firefox and IE are same now after the arrival of IE8. Yeah, it do mean that Internet Explorer is still not the choice of developers due to many reasons, however the basic tool of FF famous in developers is Firebug and another is Web Developer Toolbar, well IE Developer Tools cover both of them and if you are familiar with IE Developer Tools or Firebug on FF, you shouldn't have any problem to work on the other browser.
This tutorial is useful:
Tutorial: Using IE Developer Tools as Firebug in Mozilla Firefox
如前所述,答案是两者都学习。随着跨浏览器开发,必须花费时间来解决不同浏览器中的问题。 Firebug 是迄今为止最优秀的工具,但如果您要排除 IE 中的错误,那么 IE Dev 工具无疑是更好的选择。
另外,由于我们仍在为多个版本的 IE 进行编码。 IE 7 兼容模式是一个很好的功能,可以测试您在 IE8 中似乎工作正常的最新更改是否仍然工作/看起来像您期望的那样在 IE7 中。
As stated already, the answer is to learn both. As goes with cross-browser development, time must be spent to work out the kinks in different browsers. Firebug is by far the superior tool, but if you're troubleshooting a bug in IE, it goes without saying that the IE Dev tool would be the better choice.
Also, since we are still coding for multiple versions of IE. IE 7 compatibility mode is a nice feature to test that you're latest changes that seem to work fine in IE8 are still working/looking like you would expect them to in IE7.