Chrome Web Inspector 中是否有“查找和替换”功能？ 如果有，我应该在哪里找到它？ 我使用的是 Chrome 26.0.1410.64 版本，如果这有关系的话。
4个回答
68
摘自此页面，网址为labnol.org
在浏览网页时，在Windows上按Ctrl+Shift+J或在Mac上按Cmd+Opt+J以打开Chrome开发者工具中的控制台窗口。现在输入以下命令以替换所有ABC单词出现的位置为XYZ。
document.body.innerHTML = document.body.innerHTML.replace(/ABC/g, "XYZ")
document.head.innerHTML = document.head.innerHTML.replace(/ABC/g, "XYZ")
- davem
8
2这是一个非常棒的自动化工具，适用于需要在漏洞报告、软件文档等截图中替换敏感信息的人们。与使用图像编辑软件或浏览器开发者工具中已经复杂的“检查元素->编辑内部HTML”来模糊/阻止截图中的部分不同，这是一种强大的工作流程，适用于那些需要查找和替换多个实例或多个类似但不同的元素（例如所有货币交易、价格等），这可以很好地处理正则表达式。非常感谢！ - porg
1为了透明地显示您的删除内容，您可以使用Unicode“全块”█（U+2588）。借助RegEx，您可以保留原始字符的数量，或将其缩短到统一长度（以减少有关原始内容的线索）。 - porg
@Cfomodz，我认为这不符合StackOverflow的荣誉制度。davem回答并链接到了他/她学习此知识的来源。我的评论只是它的一个变体。但由于答案可以进行编辑，我可以添加一个段落，其中包含如何使用正则表达式替换为遮蔽符号的示例。 - porg
@davem，您是否同意将此变体作为最后一段添加到您的答案中？ - porg
给两位：由于回复可能需要一些时间，@Cfomodz 肯定会从快速回答中受益，因此我现在添加它。随意再次删除。 - porg
显示剩余3条评论
58
没有内置的搜索和替换功能。如果你想要更改输入框中的文本，可以使用搜索和替换插件。
或者，如果你想在HTML中进行搜索和替换，可以在开发者工具元素面板中使用右键单击→编辑为HTML <body>，用Ctrl+a选择所有文本，将其粘贴到你喜欢的编辑器中，在那里进行更改，然后再将其粘贴回去。
- andyb
4
2
如何明确显示删除内容
根据 @Cfomodz 的请求，我的回答基于 @davem 的回答：
当您在网页上时，在 Windows 上按下 Ctrl+Shift+J 或在 Mac 上按下 Cmd+Opt+J 以在 Chrome 开发者工具中打开控制台窗口。
通过使用正则表达式，您可以保留原始字符的数量，甚至更好地将其缩减为统一长度（以便更少地提供关于原始内容的线索），并使用可见的删除符号，例如 Unicode 中的“全块”█（U+2588）。例如，要删除 HTML 正文中的所有电子邮件地址，请使用以下命令：
document.body.innerHTML = document.body.innerHTML.replace(/[A-Za-z.-]+@[A-Za-z.-]+/g, "███@██████.███")
查看我的正则表达式演示以查看并尝试实时操作。
- porg
-3
在“Sources”面板中进行文件搜索和替换，您可以使用快捷键Ctrl+f。
- loislo
3
15我只能使用它进行搜索，但无法替换。也许在后续版本中已经删除了这个功能？我使用的是版本号为49.0.2612.0 dev-m（64位）的浏览器。 - Rostol
为什么这个答案还没有被删除？ - SO_fix_the_vote_sorting_bug
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接