选择器试验台

在示例 DOM 里输入 CSS 选择器，浏览器会直接执行 document.querySelector 和 document.querySelectorAll，并把匹配到的元素亮出来。

live DOM API firstMatch = document.querySelector(...) matchCount = document.querySelectorAll(...).length

示例 DOM：周末补给货架

scope: #shop-shelf

点阵笔记本

new

给 DOM 树画草图，给选择器留证据。

¥28
  • 库存偏低
  • 工具

折叠阅读灯

sale

照亮标签、类名和看不见的层级关系。

¥46
  • 库存正常
  • 桌面

彩色索引夹

basic

把“父元素、子元素、后代元素”夹清楚。

¥9
  • 库存偏低
  • 工具

DOM 查询结果

real result
firstMatch null
matchCount 0

示例 HTML 片段

matches are highlighted