Chrome Web Inspector:查找和替换

Question

Chrome Web Inspector中是否有"查找和替换"功能？如果它存在,我可以找到它吗？我正在使用chrome 26.0.1410.64,如果重要的话.

Answer 1

什么都没有内置.如果要更改输入字段中的文本Search and Replace,可以使用一个插件.

或者,如果您想要搜索和替换,HTML您可以右键单击 → 编辑为HTML,<body>在DevTools元素面板中选择带有Ctrl+的所有文本a,粘贴到您喜欢的编辑器中,在那里进行更改并将其粘贴回来.

Answer 2

***摘自本页 labnol.org****

当您在网页上时,在Windows上按Ctrl + Shift + J或在Mac上按Cmd + Opt + J打开Chrome Developer工具中的控制台窗口.现在输入以下命令,用XYZ替换所有出现的单词ABC.

document.body.innerHTML = document.body.innerHTML.replace(/ABC/g, "XYZ")
document.head.innerHTML = document.head.innerHTML.replace(/ABC/g, "XYZ")

对于需要替换错误报告、软件文档等屏幕截图中的敏感信息的人来说，这是一个很好的自动化功能。而不是使用图像编辑软件或已经复杂的“检查元素 -> 编辑内部 HTML”来模糊/遮挡屏幕截图中的部分浏览器的开发人员工具，对于那些需要查找和替换大量实例或大量相似但不同元素（即所有货币交易、价格等）的人来说，这是强大的工作流程，可以使用正则表达式很好地处理这些元素。多谢！ (2认同)