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

Posted 2023-05-08

技术标签:

【中文标题】在firebug中鼠标悬停后获取HTML代码【英文标题】：Get HTML code after mouseover in firebug 【发布时间】：2014-04-03 06:32:53 【问题描述】：

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

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

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

【问题讨论】：

我通过键盘复制解决了这个问题，鼠标在对象上，还有其他方法吗？ Can you make hovered state in Firebug "sticky?"的可能重复 @PatrickHofman 我提到了其中一个答案的差异您能否举例说明您的代码或进行一些说明，因为我们无法从您的问题中读取它。例如在这个链接中：demo.virtuemart.net/index.php/2012-01-13-09-33-20/… 当鼠标悬停在主产品图片上时会发生什么？ 【参考方案1】：

实际上我没有 firebug .. 但是 chrome 检查器可以为您工作.. 我希望它也应该在 firebug 中可用.. 检查图像

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

【讨论】：

正如我所提到的，改变的不是风格。样式选项卡中看不到的内容更改。发生什么变化并不重要，我的意思是文本或 css .. 触发 mouseoever 事件使用它.. 如果 mouseover 触发它会执行你拥有的任何操作附加在鼠标悬停上.. 这没有提供问题的答案。要批评或要求作者澄清，请在其帖子下方发表评论。 @Ty221 我不需要作者的任何澄清.. 他问我鼠标悬停改变了文本，所以我清除了他。就是这样，， @DeepakSharma 例如在此链接中：demo.virtuemart.net/index.php/2012-01-13-09-33-20/… 当鼠标悬停在产品图片上时会发生什么？你能复制一下吗？【参考方案2】：

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

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

示例：

在您提到的页面上，只需右键单击 <body> 标记并选择添加或删除子时中断选项。然后悬停产品图片。这样做脚本执行将停止，您将能够通过单击中断通知内的节点来检查 HTML 中的放大镜：

【讨论】：

【参考方案3】：

如果您使用的是 Chrome，您可以在打开开发者工具的同时按 F8。 F8 在下一个脚本执行时暂停。因此，如果您将鼠标悬停，然后按 F8，然后在元素内移动鼠标一点，您将能够右键单击 -> 检查它。

【讨论】：

【参考方案4】：

在 Firebug 插件中，您可以使用样式选项卡上的下拉菜单使状态永久化。

http://i.imgur.com/pUaWw6b.png

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