无需在 Chrome 中单击鼠标右键即可检查元素答案

【问题标题】：Inspect element without right clicking in Chrome无需在 Chrome 中单击鼠标右键即可检查元素
【发布时间】：2017-11-20 04:53:46
【问题描述】：

当我在网站上检查 html/css 时，我通常会打开 chrome 开发人员面板 ctrl+shift+I → 右键单击上下文菜单“检查”，以便突出显示该类

但是，有时我会尝试检查对“右键单击”事件敏感的元素，例如如果我右键单击网站功能更改上的项目

示例：

所以我无法检查元素

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

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

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

我一定遗漏了一些关于 chrome 的检查元素工具的重要信息。有人可以在这里启发我更好的工作流程/也许是 chrome 扩展工具吗？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

或使用火狐

【讨论】：

在不同的窗口打开开发工具是什么意思？我认为 devtools 必须与您检查的内容在同一页面上？
不，您可以将其取消停靠到单独的窗口。打开它，单击开发工具右上角关闭十字旁边的 3 个点，然后将其取消停靠。这里解释stackoverflow.com/questions/20220090/…
每个窗口是否相当于您正在查看的一个网站？（停靠时）
它链接到您正在检查的那个