如何在Chrome 94浏览器的Element面板中显示调试搜索栏?
Chrome开发者工具Elements面板搜索栏使用说明
- 快速调出搜索栏:切换到Elements面板后按下快捷键
Ctrl+F(Mac设备按Cmd+F),搜索栏会直接出现在面板底部 - 固定显示搜索栏:点击Elements面板右上角的三点设置图标,勾选Show search选项,搜索栏就会一直固定在面板底部,不需要每次用快捷键调出
- 搜索栏支持三类匹配规则:
- 普通内容匹配:直接输入你要查找的文本、标签名、属性值,匹配的元素会在DOM树中高亮,同时显示总匹配数和当前定位位置
- CSS选择器匹配:输入合法的CSS选择器,就能快速定位对应元素,比如输入
span.price就能定位所有class为price的span标签 - XPath匹配:输入以
//开头的XPath表达式,即可按XPath规则匹配元素
内容的提问来源于stack exchange,提问作者MrPapaJameson
相关产品推荐
相关产品推荐

