如何在Chrome开发者工具的HTML查看器中搜索双引号？

解决方案 #

Chrome开发者工具的Elements面板（也就是你说的HTML查看器）里显示的HTML属性两侧的双引号，是浏览器为了提升可读性自动渲染的标识，本身不属于DOM的实际文本内容，所以直接输入"无法搜到对应结果，你可以根据需求选以下方法搜索：

• 要是你要搜的是属性值内部包含的双引号：搜索时输入转义后的\"即可正常匹配
• 要是你是要定位带特定属性的元素：直接搜属性名或者属性值即可，不需要加引号，比如要找href="xxx.com"的元素，直接搜href=xxx.com或者xxx.com就能快速定位
• 要是你需要精确匹配包含双引号的原始HTML写法：按快捷键Ctrl+U（Windows）/Command+Option+U（Mac）打开「页面源代码」界面，这个界面展示的是未经过渲染的原始HTML内容，直接输入"就可以正常搜索到双引号。

内容的提问来源于stack exchange，提问作者shenkwen