我想编写一个程序来在浏览网页时更改内容,并假设添加以下功能:
1)突出一些关键字
2)改变关键字的背景
3)当鼠标移动它时,会给出一个消息气泡
我有一些想法,但我不确定哪一个可行:
- 为firefox写一个插件
- 为chrome写一个扩展
- 使用 php 编写代理来更改正在代理的网页的内容。
- 将javascript注入网页
- 其他解决方案...?
哪一个可以解决问题?哪一个是最好的?
提前致谢。
我想编写一个程序来在浏览网页时更改内容,并假设添加以下功能:
1)突出一些关键字
2)改变关键字的背景
3)当鼠标移动它时,会给出一个消息气泡
我有一些想法,但我不确定哪一个可行:
哪一个可以解决问题?哪一个是最好的?
提前致谢。
尝试使用小书签。它们只是伪装成用户书签栏中的书签的 javascript 片段。当用户点击书签时,javascript 代码被注入并在当前网站上运行。您不需要让您的用户下载额外的软件或绑定到特定的浏览器。
这是一个很好的链接,可以帮助您入门 http://net.tutsplus.com/tutorials/javascript-ajax/create-bookmarklets-the-right-way/
它是 1+4 或 2+4(或 1+2+4),您必须编写一个脚本注入到页面中,它可以用作 Firefox Greasemonkey 脚本或 Chorme 扩展。
与 Firefox 中您需要 Greasemonkey 来使脚本工作不同,一个简单的脚本文件可以通过将其拖到扩展程序窗口直接用作 Chrome 扩展程序。通过一些有关如何组织扩展的官方文档,您可以使其成为完整的 Chrome 扩展。
仅当您在 stackoverflow 上时才会注入脚本的示例脚本:
脚本.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。