强制 Chrome/Firefox 开发人员工具像 Firebug 一样更快速地呈现编辑
Force Chrome/Firefox developer tools to render edits more immediately like Firebug
在 Firebug 中，当您编辑 HTML 或 CSS 元素时，更改会在短暂的暂停后在屏幕上生效，即使您仍在编辑。在 Chrome 和 Firefox 开发者工具中，更改仅在您失去编辑焦点时生效。
查看下面在 Firebug 中编辑的比较，其中在编辑 HTML 的同时对页面进行了更新：
与 Chrome 比较，后者在暂停后不更新页面：
这非常令人恼火，因为它会导致生产力下降，因为它无法在即时反馈的情况下即时更改项目。使用 Chrome/Firefox 开发人员工具，您必须输入、失去焦点、查看更改、重新聚焦、再次输入，然后再次失去焦点。
有没有办法让 Chrome/Firefox 上的这种行为更像 Firebug？如果没有，有没有更快的方法来查看更新，而不必失去注意力并重新关注每一个小的变化？我想使用另外两个开发人员工具包中的功能，但无法获得更流畅的编辑是很难克服的。
在 Firefox DevTools 中，目前没有办法让他们的 Inspector 立即进行更新。尽管已经 bug 815464 提交了更改此行为的申请。
对他们来说更好的工作流程是在编辑值后按 Enter。然后您可以按 Space 再次打开编辑器。这样做你不会失去焦点。
Chrome DevTools 不提供在更改 HTML 时进行实时更新的方法。因为我找不到相关问题来改进行为，所以我在 issue 546883.
中提出了这个要求
他们的 Elements 面板允许与 Firefox DevTools 的 Inspector 面板类似的工作流程。在那里，您可以通过按 Enter 开始和停止内联编辑，或者通过按 F2 使用更大的 HTML 编辑器并通过 [= 停止编辑23=]Ctrl+回车。不幸的是 Chrome 的 Elements 面板没有聚焦您编辑的部分，因此您要么始终从第一个属性开始，要么编辑整个元素。
在 Firebug 中，当您编辑 HTML 或 CSS 元素时，更改会在短暂的暂停后在屏幕上生效，即使您仍在编辑。在 Chrome 和 Firefox 开发者工具中，更改仅在您失去编辑焦点时生效。
查看下面在 Firebug 中编辑的比较，其中在编辑 HTML 的同时对页面进行了更新：
与 Chrome 比较，后者在暂停后不更新页面：
这非常令人恼火，因为它会导致生产力下降，因为它无法在即时反馈的情况下即时更改项目。使用 Chrome/Firefox 开发人员工具，您必须输入、失去焦点、查看更改、重新聚焦、再次输入，然后再次失去焦点。
有没有办法让 Chrome/Firefox 上的这种行为更像 Firebug？如果没有，有没有更快的方法来查看更新，而不必失去注意力并重新关注每一个小的变化？我想使用另外两个开发人员工具包中的功能，但无法获得更流畅的编辑是很难克服的。
在 Firefox DevTools 中，目前没有办法让他们的 Inspector 立即进行更新。尽管已经 bug 815464 提交了更改此行为的申请。
对他们来说更好的工作流程是在编辑值后按 Enter。然后您可以按 Space 再次打开编辑器。这样做你不会失去焦点。
Chrome DevTools 不提供在更改 HTML 时进行实时更新的方法。因为我找不到相关问题来改进行为，所以我在 issue 546883.
中提出了这个要求他们的 Elements 面板允许与 Firefox DevTools 的 Inspector 面板类似的工作流程。在那里，您可以通过按 Enter 开始和停止内联编辑，或者通过按 F2 使用更大的 HTML 编辑器并通过 [= 停止编辑23=]Ctrl+回车。不幸的是 Chrome 的 Elements 面板没有聚焦您编辑的部分，因此您要么始终从第一个属性开始，要么编辑整个元素。