无需在 Chrome 中单击鼠标右键即可检查元素
Posted
技术标签:
【中文标题】无需在 Chrome 中单击鼠标右键即可检查元素【英文标题】：Inspect element without right clicking in Chrome 【发布时间】：2017-11-20 04:53:46 【问题描述】：当我在网站上检查 html/css 时，我通常会打开 chrome 开发人员面板 ctrl+shift+I → 右键单击上下文菜单“检查”，以便突出显示该类
但是，有时我会尝试检查对“右键单击”事件敏感的元素，例如如果我右键单击网站功能更改上的项目
示例：
所以我无法检查元素
通常我会检查这样的元素（例如 ***）
如何在不使用右键单击按钮的情况下检查元素？
通常我只需要挖掘 chrome 开发人员的面板元素，然后逐个找到所述元素，这需要很长时间
我一定遗漏了一些关于 chrome 的检查元素工具的重要信息。 有人可以在这里启发我更好的工作流程/也许是 chrome 扩展工具吗？
【问题讨论】：
啊好吧 ctrl+shift+C 方法在这里工作得很好。 i.imgur.com/qJ5maMM.png 【参考方案1】：尝试按ctrl+shift+c。这将在元素选择模式下打开开发工具，允许您左键单击元素以在元素视图中直接跳转到它们。
【讨论】：
在 Mac 上按command + shift + c 以获得相同的 Chrome 功能。【参考方案2】：
您可以按 Ctrl+Shift+C 进入一种模式，您可以将鼠标悬停在元素上并对其进行检查。将鼠标悬停在要检查的元素上，只需再次按 Ctrl+Shift+C 即可在开发人员面板中选择您的元素.
【讨论】：
【参考方案3】：您可以在不同的窗口中打开开发工具并刷新页面或使用firebug。
或使用火狐
【讨论】：
在不同的窗口打开开发工具是什么意思？我认为 devtools 必须与您检查的内容在同一页面上？ 不，您可以将其取消停靠到单独的窗口。打开它，单击开发工具右上角关闭十字旁边的 3 个点，然后将其取消停靠。这里解释***.com/questions/20220090/… 每个窗口是否相当于您正在查看的一个网站？ （停靠时） 它链接到您正在检查的那个以上是关于无需在 Chrome 中单击鼠标右键即可检查元素的主要内容，如果未能解决你的问题，请参考以下文章