检查元素而不在Chrome中右键单击

Question

当我在网站上检查html / css时，我通常会打开chrome开发人员面板 ctrl + shift + I →右键单击上下文菜单＆＃34;检查＆＃34;所以我可以突出那个课程

然而，有时我会尝试检查对＆＃34;右键单击＆＃34;敏感的元素。事件，例如如果我右键单击网站上的项目功能更改

实施例：

因此我无法检查元素

通常我会检查这样的元素（例如stackoverflow）

如何在不使用右键单击按钮的情况下检查元素？

通常我只需要挖掘chrome开发人员的面板元素，然后逐个找到所说的元素，这需要很长时间

我必须在这里忽略一些关于chrome的检查元素工具的重要内容。 有人可以在这里启发我一个更好的工作流程/可能是chrome扩展工具吗？

Answer 1

您可以在不同的窗口上打开开发工具并刷新页面或使用firebug。

或使用Firefox

Answer 2

尝试按ctrl+shift+c。这将在元素选择模式下打开开发工具，允许您左键单击元素以在元素视图中直接跳转到它们。

Answer 3

您可以按 Ctrl + Shift + C 进入一种模式，您可以将鼠标悬停在元素上并进行检查。将鼠标悬停在要检查的元素上，只需再次按 Ctrl + Shift + C ，即可在开发人员面板中选择元素