无需在 Chrome 中右键单击即可检查元素

Vin*_*ang 7 html javascript css google-chrome inspect

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

但是,有时我会尝试检查对“右键单击”事件敏感的元素,例如,如果我右键单击网站上的某个项目,功能会发生变化

例子: 在此处输入图片说明

所以我不能检查一个元素

通常我会检查这样的元素(例如 stackoverflow)

在此处输入图片说明

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

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

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

小智 5

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