我经常测试操纵 DOM 的代码。我可以粘贴它并在控制台中运行它，然后切换到 HTML 选项卡以查看它是否具有所需的效果。然后当我切换回控制台视图时，我的代码消失了，我必须重新粘贴它。这是一种痛苦。
我真正想要的是将控制台放在右侧窗口中，将 HTML 视图放在左侧窗口中。然后，大概，我可以（理想情况下）运行我的代码并立即看到对左侧窗口中显示的 HTML 元素的影响。
有没有办法做到这一点？（或者可能是它的一些扩展）。
问问题
687 次
3 回答
1
当您来回切换时，最新的 alpha 版本的 firebug 1.4 会保留最新的代码。它还有一些漂亮的功能，比如“break on next”——非常酷！我等不及它的测试版/成熟。嗯...我想这是字面意思-我等不及了。我正在使用阿尔法。;)
此外，由于这是 alpha 软件，因此我在不同的配置文件下运行它以进行开发，并且仅在需要/想要它们时才使用新功能。肯定还不稳定。
于 2009-06-04T00:17:38.310 回答
1
当我切换回控制台视图时，我的代码不见了，我必须重新粘贴它
您可以使用向上/向下键在 firebug 控制台中显示以前的命令。
于 2009-06-07T12:28:59.600 回答
0
我知道这是一个老问题，但这仍然可能对那些发现这个问题的人有用。
您可以使用此小书签启动 Firebug Lite 的实例，例如：
javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
然后，您可以在主 Firebug 扩展中拥有 HTML 面板，同时在 Firebug Lite 小书签中拥有一个控制台。
我通常将我的主 Firebug 放在右侧，这与 Firebug Lite 在底部渲染时效果很好，并且目前没有定位选项。
于 2012-08-19T23:27:28.627 回答