应用错误收集

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

标签： firefox firefox-developer-tools

以下是一个示例页面：

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

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

这是Firefox DevTools中的错误吗？

答案 0 :(得分：0)

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

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

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

所以，我看到了两个解决方案：

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