Firefox DevTools不允许检查元素

时间:2018-04-19 03:18:18

标签: firefox firefox-developer-tools

以下是一个示例页面:

https://www.lazada.vn/products/dam-xoe-so-mi-vien-den-han-quoc-dx30-trang-i145861801-s151858737.html

当我右键单击此页面上的主产品图像并从上下文菜单中选择&#34; Inspect Element时,DevTools会打开,但选择<body>标签而不是我点击的标签。

Chrome的DevTools会按预期选择<img>标记。

这是Firefox DevTools中的错误吗?

1 个答案:

答案 0 :(得分:0)

右键单击图像时,实际上会检查覆盖的半透明蓝色<div>,而不是<img>标记。只有在悬停图片时才会临时添加此<div>

您在Firefox DevTools中<div>登陆的原因是,只要您将鼠标悬停在上下文菜单中,就会立即将其删除,而在Chrome DevTools中它会被删除;当光标移动到上下文菜单上时,s仍然存在。

这是因为在Firefox中显示上下文菜单时,Chrome中的鼠标事件显然被阻止了。

所以,我看到了两个解决方案:

  1. 使用Firefox DevTools中的检查工具:
  2. Inspector button within Inspector panel in Firefox DevTools

    这会显示一个荧光笔,可以阻止鼠标事件,以便您可以检查图像。

    1. Request to change this behavior以便在上下文菜单打开时不会触发鼠标事件。
相关问题