选择器工作台 CSS Selector Inspector
https://demo.local/chat
V 标注随机 class 的元素,刷新后类名会变
模拟聊天页
特意混入了动态 class,靠 class 命中的写法刷新后就会失效
result_container
message_wrapper
AI
助手
欢迎来到选择器工作台。右侧选一个字段,左侧会高亮真正目标;再输入一条选择器,实时看命中情况。
U
用户
我要把 send_btn 和 result_container 都配稳,不想再靠碰运气。
AI
助手
先试 id、data-testid、aria-label、placeholder,命中之后再收紧到唯一。别一开始就赌动态 class。
drop_zone 拖拽上传区域
input_box
generating_indicator
模型生成中…
01 目标字段
选中后左侧高亮目标,右侧刷新候选写法
02 场景切换
模拟真实页面状态,测试选择器的稳健性
03 测试选择器
⌘/Ctrl + Enter 执行
04 诊断结果
05 推荐候选
优先选唯一命中、依赖稳定属性的写法
06 命中元素详情