Javascript 用于修改页面内容的Chrome扩展

Javascript 用于修改页面内容的Chrome扩展,javascript,html,google-chrome-extension,title,Javascript,Html,Google Chrome Extension,Title,我对创建一个Chrome扩展感兴趣,它可以处理特定网页的某些内容 我想替换如下内容: <td class="Data">Phone:</td> <span title="Telephone number including area code."><td class="Data">Phone:</td></span> 电话: 比如说: <td class="Data">Phone:</td>

我对创建一个Chrome扩展感兴趣,它可以处理特定网页的某些内容

我想替换如下内容:

<td class="Data">Phone:</td>
<span title="Telephone number including area code."><td class="Data">Phone:</td></span>
电话:
比如说:

<td class="Data">Phone:</td>
<span title="Telephone number including area code."><td class="Data">Phone:</td></span>
电话:
这样做的原因是将鼠标悬停或工具提示文本添加到现有网站的某些部分


使用Chrome扩展是否可以实现这一点?如果是的话,如何做到这一点?谢谢。

您可以使用Chrome扩展来实现这一点,但更简单的是使用bookmarklet

基本上,浏览器允许您以j的形式在地址栏中运行javascriptavascript://your 有效的javascript

因此,编写脚本以获得所需的结果,将其缩小到一行,然后将结果添加到书签中。它也可以在任何浏览器中使用

我不了解确切的用例,您的html无效,但您可以非常轻松地执行类似操作,本示例假设jquery可用:

javascript:$(function(){ $('td:contains("Phone")').attr('title', 'Telephone number including area code'); });
注意:contains()选择器区分大小写

可能重复