在 Chrome 中无需右键单击即可检查元素
Inspect element without right clicking in Chrome
当我在网站上检查 html/css 时，我通常会打开 chrome 开发人员面板 ctrl+shift+I → 右键单击上下文菜单 "inspect" 所以我可以强调 class
然而，有时我会尝试检查对 "right clicks" 事件敏感的元素，例如如果我右键单击网站上的某个项目，功能会发生变化
示例：
所以我无法检查元素
通常我会像这样检查元素（例如 Whosebug）
如何在不使用右键单击按钮的情况下检查元素？
通常情况下，我只需要翻阅 chrome 开发人员的面板元素，然后一个一个地找到所述元素，这需要很长时间
我一定是遗漏了一些关于 chrome 的检查元素工具的重要信息。
有人可以在这里启发我更好的工作流程/也许 chrome 扩展工具吗？
您可以在其他 windows 上打开开发工具并刷新您的页面或使用 firebug。
或使用 Firefox
尝试按 ctrl+shift+c。这将在元素选择模式下打开开发工具，允许您左键单击元素以在元素视图中直接跳转到它们。
你可以按Ctrl+Shift+C进入一个模式将鼠标悬停在元素上，它会检查它。将鼠标悬停在要检查的元素上，只需再次按 Ctrl+Shift+C 并您的元素将在开发人员面板中被选中。
当我在网站上检查 html/css 时，我通常会打开 chrome 开发人员面板 ctrl+shift+I → 右键单击上下文菜单 "inspect" 所以我可以强调 class
然而，有时我会尝试检查对 "right clicks" 事件敏感的元素，例如如果我右键单击网站上的某个项目，功能会发生变化
示例：
所以我无法检查元素
通常我会像这样检查元素（例如 Whosebug）
如何在不使用右键单击按钮的情况下检查元素？
通常情况下，我只需要翻阅 chrome 开发人员的面板元素，然后一个一个地找到所述元素，这需要很长时间
我一定是遗漏了一些关于 chrome 的检查元素工具的重要信息。 有人可以在这里启发我更好的工作流程/也许 chrome 扩展工具吗？
您可以在其他 windows 上打开开发工具并刷新您的页面或使用 firebug。
或使用 Firefox
尝试按 ctrl+shift+c。这将在元素选择模式下打开开发工具，允许您左键单击元素以在元素视图中直接跳转到它们。
你可以按Ctrl+Shift+C进入一个模式将鼠标悬停在元素上，它会检查它。将鼠标悬停在要检查的元素上，只需再次按 Ctrl+Shift+C 并您的元素将在开发人员面板中被选中。