Firefox DevTools右键检查元素异常：选中<body>而非目标<img>问题咨询

这大概率不是Firefox DevTools的问题，而是电商页面常见的自定义事件拦截逻辑导致的浏览器表现差异。我来拆解一下原因和解决办法：

• 页面的自定义右键菜单干扰了默认行为
  很多电商网站会给产品主图添加自定义右键事件（比如提供“保存高清图”“查看原图”这类站点内的功能），实现时会通过event.preventDefault()或event.stopPropagation()阻止浏览器的默认右键菜单行为。不同浏览器对这种拦截后的Inspect Element目标处理有细微区别：Chrome会优先定位到触发事件的元素，而Firefox在默认行为被完全拦截时，会 fallback 选中<body>标签。

• 快速验证方法
  打开Firefox DevTools，点击左上角的「选择元素」工具（那个箭头图标），直接点击主产品图片。如果能正常选中对应的<img>标签，就完全能确认是页面脚本的问题，而非DevTools的Bug。

• 解决右键Inspect的办法
  你可以临时禁用页面的JavaScript：

  1. 按Ctrl+Shift+P打开Firefox DevTools的命令面板
  2. 输入「Disable JavaScript」并执行
  3. 再次右键主产品图片选择「Inspect Element」，这时候就能正常选中<img>标签了

内容的提问来源于stack exchange，提问作者Alex Sharov