无法检查 HTML 页面上的元素（右键单击检查元素）答案

【问题标题】：Unable to inspect element on HTML page (right click inspect element)无法检查 HTML 页面上的元素（右键单击检查元素）
【发布时间】：2015-05-08 20:43:23
【问题描述】：

例如，转到Yahoo，然后尝试右键单击 -> 检查下图中未显示的箭头按钮上的元素。

什么都不会弹出，所以我无法检查元素，并且在检查 DOM 时，我似乎也无法找到该元素。

任何关于如何重新添加此功能的指导将不胜感激！

更新：这是我尝试选择元素时 DOM 的屏幕截图。

我突出显示的下面的 div 仅选择箭头按钮之间的图片和标题。

【问题讨论】：

你能打开开发工具并点击里面的检查按钮吗？
查看此链接developer.chrome.com/devtools
是的，我可以打开 devtools 并检查页面上的所有其他元素。出于某种原因，id="yui_3_8_1_1_1431061654371_796" 的 div 元素中的那些箭头按钮在我的任何地方都没有显示。

标签： java html css google-chrome-devtools

【解决方案1】：

我确实访问了 Yahoo.com，并尝试检查您显示的元素。我能够正常检查它。 [我在 Mac 上使用 Chrome - Yosemite ]。

这是我找到的代码。也许你可以使用它。

<button type="button" class="FilmstripBtn NextBtn ButtonNaked Wpx-20 Pos-a End-0 T-0 B-0 Fz-30 Z-1 " data-jump-to="next" title="Next" data-action-outcome="pgnt" data-ylk="t1:a3;t2:td;t3:nav;sec:td-fea;elm:btn;elmt:ne;itc:1;" data-rapid_p="6" id="yui_3_12_0_1_1431061078340_1326"><i class="Icon W-a" id="yui_3_12_0_1_1431061078340_1329"></i></button>

【讨论】：

很奇怪。我在使用 Chrome 版本 42.0.2311.135（64 位）的优胜美地，它不会让我检查那个元素。我已经在 Chrome 中使用 devtools 几个月了，之前从未遇到过这个问题。
你能打开开发工具吗？使用视图->开发者->开发者工具？如果是这样，您可以在 DevTools 的 Elements 选项卡中找到该按钮。
当我查看页面源 (view-source:yahoo.com) 我在源 html 中找不到类“FilmstripBtn”的按钮，当我在开发面板中查看元素选项卡时我不能找到它。就像我提到的，我已经多次使用开发者面板。这是大约 5 个月以来我第一次无法在元素选项卡的页面上找到按钮。由于某种原因，当我右键单击按钮本身时，没有出现菜单。

【解决方案2】：

取得了一点进展。由于某种原因，Chrome 仍然不允许我右键单击检查元素（可能是一个错误），但我能够在元素选项卡中找到按钮。它们实际上是“a”标签，而不是我这边的按钮。

我之前遇到过困难，因为它们对我的标记与其他对该问题的回答显示的不同，并且除非我展开 div 并选择实际的“a”标记，否则“a”标记不会突出显示（可能是另一个 chrome 错误？）。

【讨论】：