如何以编程方式从浏览器控制台重新格式化网页的文本

Question

我正在阅读一份许可协议，并对那些没有明显格式的定义列表感到烦恼，因此我决定利用他们在关键字周围使用引号来加强所有这些关键字。

我最终使用

lis = $$("li")
for(var i=0; i<lis.length; i++)
{ lis[i].innerHTML=lis[i].innerHTML.replace(/^(".*?")/,"<b>$1</b>") }

基本上，上述代码可在Chrome控制台中使用，以获取所有<li>代码的列表，并使用正则表达式检查每个代码是否以引用的词组开头。如果是，我们将该短语替换为自身，但被<b>标记包围。因此，列表中所有引用的项目符号术语都变得粗糙，以便于阅读。 （它确实在所有列表上运行，但我很懒，这在我正在查看的页面上有效。）

我的问题是，这是一个很难找到（特别是正则表达式）并且对我的用例感觉太冗长。是不是有更简单的方法？也许我可以加载的JS库更适合通过控制台重新格式化网页？

Answer 1

我经常使用Google Chrome开发者工具“元素”标签来操作基于网络的文档的外观，然后保存为PDF以供离线使用。通过将display: none或任何您想要的内容添加到正确的位置，可以快速找到要隐藏的内容。