鼠标悬停在firebug后获取HTML代码

时间：2014-03-02 09:33:14

标签： javascript html firebug

鼠标悬停后会有一个HTML对象发生变化。我需要检查更改并复制它的代码，但是使用firebug我不能这样做（鼠标只能在一个地方）。

鼠标在对象上时是否可以冻结html然后检查firebug中的更改？

请注意，不是HTML属性更改，而是更改的内容。鼠标悬停后添加了另一个div。因此，“样式”选项卡无法监视它。例如，在此链接中：http://demo.virtuemart.net/index.php/2012-01-13-09-33-20/product-details-layout当鼠标悬停在产品图片上时会发生什么？

4 个答案:

答案 0 :(得分：0)

实际上我没有萤火虫..但铬检查员可以为你工作..我希望它也应该在firebug中可用..检查图像

Check Image

所以你也可以试试这个......

答案 1 :(得分：0)

使用 HTML 面板的上下文菜单中的Break On Child Addition or Removal选项更改HTML时，可以停止执行脚本。

要使用此选项，您需要先启用脚本面板并重新加载页面。

示例：

在您提到的页面上，只需右键单击<body>标记，然后选择 Break On Child Addition或Removal 选项。然后将产品图像悬停。执行此操作将停止脚本执行，并且您可以通过单击中断通知中的节点来检查放大镜的HTML：

enter image description here

答案 2 :(得分：0)

如果您使用Chrome，则可以在打开开发人员工具的同时按F8。 F8暂停下一个脚本执行。因此，如果你悬停，然后按F8，然后将鼠标移动到元素内部，你就可以右键单击 - ＆gt;检查它。

答案 3 :(得分：-1)

在Firebug Addon中，您可以使用“样式”选项卡上的下拉菜单将状态设为永久状态。

Hover state in Firefox Firebug
http://i.imgur.com/pUaWw6b.png

如果要更改元素的内容，可以直接编辑HTML。

Edit HTML
http://i.imgur.com/AbW0z9D.png

相关问题
最新问题