Chrome扩展程序可修改页面内容

Question

我有兴趣创建一个可以操作特定网页内容的Chrome扩展程序。

我想替换这样的东西：

model.modules[2].weights

有这样的事情：

<td class="Data">Phone:</td>

原因是将悬停或工具提示文字添加到现有网站的某些部分。

这可以通过Chrome扩展程序实现吗？如果是这样，怎么办呢？谢谢。

Answer 1

您可以使用Chrome扩展程序执行此操作，但更简单的是书签。

基本上，浏览器允许您以地址栏的形式运行javascript：javascript：//您的有效javascript。

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

我不明白确切的用例，你的html无效，但你可以很容易地做类似的事情，这个例子假设jquery可用：

javascript:$(function(){ $('td:contains("Phone")').attr('title', 'Telephone number including area code'); });

注意：：contains（）选择器是区分大小写的