Question

我想编写一个程序来在浏览网页时更改内容，并假设添加以下功能：

1）突出显示一些关键字

2）更改关键字的背景

3）当鼠标移动时，会给出消息泡泡

我有一些想法，但我不确定哪一个会起作用：

为firefox写一个插件
为chrome
使用php编写代理来更改正在代理的网页的内容。
将javascript注入网页
其他解决方案......？

哪一个可以解决问题？哪一个是最好的？

提前致谢。

Answer 1

尝试使用书签。它们只是伪装成用户书签栏中书签的javascript片段。当用户点击书签时，javascript代码将被注入并在当前网站上运行。您无需让用户下载其他软件或绑定到特定浏览器。

这是一个很好的链接，可以帮助您入门 http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/

Answer 2

它是1 + 4或2 + 4（或1 + 2 + 4），您必须编写一个将注入页面的脚本，它可以用作Firefox Greasemonkey脚本或Chorme扩展

与需要Greasemonkey使脚本工作的Firefox不同，一个简单的脚本文件可以直接用作Chrome扩展，方法是将其拖到扩展窗口。如果有更多关于如何整理扩展程序的official documentation，您可以将其设为完整的Chrome扩展程序。

只有在stackoverflow上时才会注入脚本的示例脚本：

<强> script.user.js

if(document.URL.indexOf("http://stackoverflow.com")!=-1) {
    var d = document.createElement("div");
    d.innerHTML = "Hello World! This is my first injected script";
    d.className = "red"; // supposing it's defined, wouldn't hurt anyways
    // otherwise
    d.style.color = "#f00";
    document.body.appendChild(d);
}

保存文件并将其拖至Chrome上的“扩展”窗口，然后重新加载stackoverflow。

如何在浏览网页时更改内容？

2 个答案: