Chrome扩展，用于修改页面内容

Chrome extension to modify the contents of a page

本文关键字：修改 扩展 用于 Chrome      更新时间：2023-09-26

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

我想替换这样的东西：

<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（）选择器区分大小写

相关文章：