在 Chrome 浏览器中,打开开发者工具 Elements 面板主要有以下几种方法:
使用菜单操作
首先点击 Chrome 浏览器右上角的 “三个点” 菜单图标。
接着在弹出的菜单中选择 “更多工具”。
然后点击 “开发者工具”,此时开发者工具会打开,默认显示的就是 Elements 面板。
使用快捷键
在 Windows 或 Linux 系统下,按下F12键或者Ctrl+Shift+I组合键。
在 Mac 系统下,按下Command+Option+I组合键。
右键点击操作:在网页的任意位置右键单击,在弹出的菜单中选择 “检查” 或 “检查元素”,即可打开开发者工具并定位到 Elements 面板。
使用命令菜单
按下Ctrl+Shift+P(Windows、Linux、ChromeOS)或Command+Shift+P(Mac)组合键打开命令菜单。
开始输入 “elements”,选择 “Show Elements”,然后按回车键,DevTools 会在开发者工具窗口底部的抽屉中显示 Elements 面板。