浏览器控制台无原生inspect()命令，但可通过$0选中当前高亮元素、自定义inspect()函数实现滚动高亮、console.log()点击跳转Elements面板等方式等效定位DOM节点。
在浏览器控制台中，没有原生的 inspect() 命令，但你可以通过几种等效、高效的方式快速定位并高亮 DOM 节点——效果和点击“检查元素”完全一致。
用 $0 快速选中当前高亮的元素
这是最常用也最直接的方法：
- 先在页面上右键 → “检查”（或按
Ctrl+Shift+C/Cmd+Shift+C），鼠标悬停或点击选中某个 DOM 元素； - 切换到 Console 标签页，输入
$0回车，它会返回当前被开发者工具选中的那个节点； - 你还可以链式操作，比如
$0.style.color = 'red'或$0.parentElement，实时调试。
用 inspect() 模拟命令（需手动定义）
虽然浏览器不内置 inspect()，但可以自己挂一个便捷函数：
- 在 Console 中执行一次：
inspect = (el) => { if (el) { console.log(el); debugger; } else { console.warn('请传入一个 DOM 元素'); } } - 之后就能这样用：
inspect(document.querySelector('.header'))—— 控制台会打印该元素，并自动触发“元素高亮”（部分浏览器需配合console.dir()或开发者工具设置）； - 更实用的写法（推荐）：
inspect = (el) => el && (console.log(el), el.scrollIntoView({ behavior: 'smooth', block: 'center' }), el.style.outline = '2px solid #ff6b6b')—— 自动滚动到元素并加红色边框，视觉定位一目了然。
用 console.log() 点击输出结果直接跳转
现代浏览器（Chrome、Edge、Firefox）支持点击 Console 中打印的 DOM 节点，自动跳转到 Elements 面板并高亮对应元素：
console.log(document.getElementById('app'))-
console.log($1)（$1是上一次在 Elements 中选中的元素，同理有$2～$4） - 甚至可以直接写
document.body，回车后点击右侧显示的<body>，立刻定位。
小技巧：快速筛选并 inspect 多个匹配节点
比如想 inspect 所有按钮：
- 先运行：
const btns = document.querySelectorAll('button') - 然后用循环逐个 inspect：
btns.forEach((b, i) => console.log(`Button ${i}:`, b)) - 再点击 Console 中任意一个
<button>，即可高亮对应节点。
