Chrome的开发者工具没有什么function？
我是一个新手的Web开发人员，我曾经推荐多次debuggingFirebug。 到目前为止，我刚刚使用了Chrome的内置开发工具。 它似乎做了Firebug所做的一切，而且更加清洁，更有组织。
当我在debugging中获得更高级的function时，Firebug有哪些function会让我错过Chrome的DevTools？ 如果是这样，他们是什么？
相关： 谷歌浏览器的类似Firebug的debugging器
我从一开始就使用了Firebug，这就像发明火一样天赐之物。 但随后Chrome出来了它的debugging器，我试了一下。 我一直使用Firebug，但是一直关注着Chome的开发工具，终于不能再提出在v12中添加JSON工具之后不能再切换的原因了。
Chrome的DevTools踢了屁股，因为它有：
- 内置时间线，分析器和堆分析器
- 内置审计工具
- 可以访问和编辑本地/ SessionStorage，cookies，SqlLite DB的，WebSQL，AppCache等…
- WebSocketsnetworking嗅探
- JSdebugging器有一些更多的function（例如WebWorker断点）
- JSdebugging器让你编辑JS和运行它（JSFiddle W / O小提琴）
- 如果你喜欢，每个窗口都有一个devtools窗口。 Firebug是一个单身人士
- Firebug通过减慢加载速度，并通过为其检查器function注入CSS来扰乱页面
更新：2年后，我不得不祝贺Firefox的巨大进攻。 也就是说，Chrome团队和debugging器每月都有巨大的飞跃，引领行业发展。 我会更新上面的列表，但坦率地说，它会填满整个页面。
在切换到Chrome之后，我还没有遇到我错过的Firebugfunction。
使用Firebug让我感觉更舒适。 目前我想不出具体的细节，但有时我会尝试在Safari或Chrome中debugging某些东西，而且看起来像是PITA，所以我会启动Firefox并迅速完成任务。
DOM选项卡是一个加号，为一个。 它比Chrome的等价物更容易访问和布局。 我更喜欢在Firebug中将DOM和其他JS对象logging到控制台的方式。
像Pixel Perfect这样的Firebug插件也非常有用。 我不知道Chrome是否有这样的工具。
总的来说，这并不重要，因为无论如何您都必须在两个浏览器中进行testing。 和IE一样，不妨将它与IE的开发工具进行比较（虽然有改进，但与FF或Webkit相比还是不太好）。
我不认为在Firebug中有什么先进的特殊function，但在Chrome中不会出现任何问题。
Chrome开发者工具接pipe了Firebug的function，所以所有的主要function和熟悉（如$0和console对象）。
有一些小的差异，例如DevTools没有CSS面板（尽pipeCSS样式表可以在Elements面板中操作）。
Chrome工具还具有时间轴 ， configuration文件和存储面板。 时间轴面板logging加载，CSS渲染和JavaScriptparsing。 “ configuration文件”面板configuration文件资源使用情况和“ 存储”面板显示并允许更改网站的数据库，本地存储，会话存储和Cookie。
最后，这两种工具都有自己的微小差异，这使得各种行动变得更容易或更困难。 我的build议是使用Firebug for Firefox和DevTools for Webkit浏览器，因为只有Firebug Lite可以在Chrome上运行，并且缺lessFirebug常用的许多function（DevTools内置在Chrome中）。
编辑 ：这曾经是事实，但Chrome开发工具实施它。
Firebug可以search页面上加载的所有脚本。 Chrome开发工具只能在当前select的脚本AFAIK中进行search。
鼠标select萤火虫是伟大的，但我似乎无法在Chrome开发工具中find它。
它困扰我，因为我找不到它在萤火虫的热键，而铬缺乏完全。
我是一个noob开发人员，所以鼠标在开发时大部分时间仍然使用。
据我所知，萤火虫是唯一一个可以编辑HTML代码和文本生活，你键入它。 非常有用，例如，如果您想要查看文本如何适合容器并一次添加一个字符。
在Chrome中编辑HTML时，必须按TAB或ENTER退出“编辑模式”，然后查看页面上的更改。
在Firebug中，您也可以立即inputHTML代码。 在Chrome中，您必须右键单击并select“编辑HTML”。 否则，它会显示为<b>粗体</ b>。
我真的想换成Chrome，因为它似乎运行得更快，但实时编辑对我来说太重要了。
当时问这个问题Firebug是一个野兽，但现在的Chrome开发工具（DevTools）是Web开发人员的方便。 虽然我不是在咆哮Firebug，因为我学习了使用Firefox和Firebug进行Web开发。
这是一个很好的Web开发工具，它介绍了DevTools和Firefox的DevTools的所有主要特性。 不过，我转向了Chrome开发工具，虽然他们没有涵盖Firebug的所有function，因为它们比Firebug轻，速度快很多，访问localStorage很容易定义，并在我看来，这些来源组织在那里。
在这里我将列出Firebug中的特性是如何独特的，
-
search ：
search选项在Firebug中是很好定义的，因为它很容易访问，我们可以用区分大小写和正则expression式来search关键字。
-
DOM：
在Firebug中，可以使用各种过滤选项（如显示用户自定义属性 ， 显示用户自定义函数等）轻松访问DOM结构。
-
cookies：
Firebug让我们创build我们自己的cookies并给出条款来导出cookie 。
-
networking/网：
Firebug的DevTools称之为networking 。 这两个对分析加载资源及其状态的所有请求都很有用。 在Firebug中，我们可以轻松掌握资源的远程IP 。
-
资料来源：
即使源编辑在DevTools中可用，但使用Source Edit时，我觉得Firebug更好，因为如果要编辑DevTools中的CSS文件，必须先到Sources面板，然后按Ctrl + O来查找文件。 只有这样你才能编辑文件。 在Firebug中，您可以在每个菜单选项卡中轻松findSource Edit 。
-
支持dojo：
一旦我是一个道场开发人员，Firebug很容易扩展到使用Dojo Firebug Extension 来支持道场的开发 。
客观地看到Firebug 2.0有许多小的function，这是Chrome DevTools没有的。 其中一些在这里列出：
控制台面板
- 显示包括整个请求信息的XMLHttpRequests
- 显示cookie更改
- 一些更多的命令行API函数
- 单独的Command Editor
HTML面板
- 内联编辑， 自动完成attibutes和CSS样式
- 用于控制是否突出显示更改的选项，展开并滚动到视图中
- 控制实体显示的选项
- 快速信息框
CSS面板
- 以格式化的方式显示页面的样式表
- select器侧面板
DOM面板
- 在一个地方显示所有DOM属性
- 显示closures
- 允许通过属性，function等来过滤显示
净面板
- 允许在XmlHTTPRequests上停止
- 显示每个请求的caching信息
cookies面板
- 创build和编辑cookie
- 控制Cookie权限
- 显示原始和格式化的Cookie大小
- 允许在cookie更改时停止脚本执行
- 以标准格式导出cookie
一般
- 在外部编辑器中打开HTML，CSS和JavaScript
- 允许自定义快捷方式
超出可用性的“function”是Firebug是开源的 。 所以每个人都可以参与其中。
话虽如此，Chrome DevTools（以及Firefox DevTools）与Firebug相比，拥有更多的特性和其他更小更大的优势，因为与其他DevTools背后的团队相比，Firebug背后的团队非常小巧。
此外， Firebug 3+还集成到内置的Firefox DevTools中 ，这意味着这些版本会inheritanceFirefox DevTools的所有function，并可能会添加其他function。
Firebug有可能有其他插件如Firecookie附加到它。 其余他们是非常相似的，这一切都是关于我的意见的味道。
还要补充一点，它可以为xpath XPATH添加一个HTML元素的CSSselect器。
有时真的很方便！ :)））哈哈哈
我认为开发工具是相似的，但我有困难迫使Chrome不caching任何东西。 即使设置Chrome“禁用caching”设置也不能100％的工作; 我不知道为什么。
我没有Firefox / Firebug的这个问题，所以我仍然在使用它。
加我几分钱…
-
Chrome Inspector无法按字母顺序对CSS属性进行sorting，因为Firebug可以像魅力一样进行此操作。 它有助于当你检查一些CSS元素，并需要抓住它的萤火虫来这方便。
按照良好的CSS编码习惯，最好在代码中按字母顺序排列CSS属性。
-
当您正在处理涉及大量脚本的项目时。在脚本标记下的萤火虫中，您可以select在提供的build议框中searchjs文件。 与铬一样，你将有一个跛脚的树视图来定位您的JS文件，这是枯燥的看到你的JS文件的命名空间和遍历树。
这个选项可能不会影响任何涉及他们的项目中的小JS文件的人。 当我的脚本超过1000个JS文件的时候，这个function就是我用的萤火虫。
几乎做了今天的开关，但我注意到我不能右键点击Chrome中修改的CSS，并像我可以在萤火虫中复制规则或样式的声明。 上帝，我希望Firefox没有突然开始吮吸，或者我不会有这个问题。
使用chromedebugging器，我可以debugging我的GWT项目的jsni，FireBug只是显示一个匿名函数，而我根本不认识真正的函数。
我喜欢Chrome开发工具，但有时我错过了从萤火虫这些强大的function。
- 条件断点 ：仅在特定条件下暂停。
- logging函数调用 ：标记函数并在控制台中查看想要了解的所有内容。
- 在属性更改中断 ：如果属性发生更改，标记对象和debugging器将暂停。
