【问题标题】：Chrome extension to modify the contents of a page用于修改页面内容的 Chrome 扩展
【发布时间】：2016-07-11 15:38:53
【问题描述】：
我有兴趣创建一个 Chrome 扩展程序，它可以操纵特定网页的某些内容..
我想替换这样的东西：
<td class="Data">Phone:</td>
类似这样的：
<span title="Telephone number including area code."><td class="Data">Phone:</td></span>
这样做的原因是为现有网站的某些部分添加悬停或工具提示文本。
这可以通过 Chrome 扩展程序实现吗？如果是这样，如何做到这一点？谢谢。
【问题讨论】：
标签：
javascript
html
google-chrome-extension
title
【解决方案1】：
您可以使用 Chrome 扩展程序来做到这一点，但更简单的是书签。
基本上，浏览器允许您以 javascript://your valid javascript 的形式在地址栏中运行 javascript。
因此，编写脚本以实现您想要的结果，将其缩小为一行，然后为结果添加书签。然后它也可以在任何浏览器中使用。
我不了解确切的用例，并且您的 html 无效，但是您可以很容易地执行类似的操作，此示例假定 jquery 可用：
javascript:$(function(){ $('td:contains("Phone")').attr('title', 'Telephone number including area code'); });
注意：:contains() 选择器区分大小写