创建 Firefox 插件来观看并修改 XHR 请求和反应

Question

更新：我想主题给出了一个错误的想法，即我正在寻找现有的插件。这是一个自定义问题，我不想要现有的解决方案。
我希望编写（或更恰当地说，修改并现有）插件。

这是我的要求：

• 我希望我的插件仅适用于特定站点
• 页面上的数据使用 2 路哈希进行编码
• 大量信息由 XHR 请求加载，有时 显示在动画气泡等中。

• 我的插件的当前版本通过 XPath 解析页面 表达式，解码数据并替换它们

• 问题出在那些显示的冒泡框上 鼠标悬停事件

• ，我意识到创建一个 XHR 可能是一个好主意 可以监听所有数据并动态解码/编码的桥
• 经过几次搜索，我遇到了 nsITraceableInterface[1][2][3]

只是想知道我是否走在正确的路径上。如果“是”，那么请 提供任何可能合适的额外指示和建议； 如果“否”，那么..好吧，请帮助提供正确的指示:)

谢谢，
比平。

[1]。 https://developer.mozilla.org/en/NsITraceableChannel
[2]。 http://www.softwareishard.com/blog/firebug/nsitraceablechannel -拦截-http-traffic/
[3]。 http://www.ashita.org/howto-xhr -通过-firefox-addon监听/

Answer 1

nsITraceableChannel 确实是正确的选择。 Jan Odvarko (softwareishard.com) 和我自己 (ashita.org) 的博客文章展示了如何做到这一点。您可能还想查看 http://www. ashita.org/implementing-an-xpcom-firefox-interface-and-creating-observers/，但是实际上没有必要在 XPCOM 组件中执行此操作。

步骤基本上是：

1. 创建实现 nsITraceableChannel 的对象原型；并创建观察者来监听 http-on-modify-request 和 http-on-examine-response
2. 注册观察者
3. 监听这两种请求类型的观察者将我们的 nsITraceableChannel 对象添加到监听器链中，并确保我们的 nsITC 知道下一个是谁链
4. nsITC 对象提供了三个回调，每个回调都会在适当的阶段调用：
5. 上面每个回调中的 onStartRequest、onDataAvailable 和 onStopRequest，我们的 nsITC 对象必须将数据传递到链中的下一项，

---

下面是实际代码我编写的一个特定于站点的附加组件，据我所知，其行为与您的非常相似。

function TracingListener() {
    //this.receivedData = [];
}

TracingListener.prototype =
{
    originalListener: null,
    receivedData: null,   // array for incoming data.

    onDataAvailable: function(request, context, inputStream, offset, count)
    {
        var binaryInputStream = CCIN("@mozilla.org/binaryinputstream;1", "nsIBinaryInputStream");
        var storageStream = CCIN("@mozilla.org/storagestream;1", "nsIStorageStream");
        binaryInputStream.setInputStream(inputStream);
        storageStream.init(8192, count, null);

        var binaryOutputStream = CCIN("@mozilla.org/binaryoutputstream;1",
                "nsIBinaryOutputStream");

        binaryOutputStream.setOutputStream(storageStream.getOutputStream(0));

        // Copy received data as they come.
        var data = binaryInputStream.readBytes(count);
        //var data = inputStream.readBytes(count);

        this.receivedData.push(data);

        binaryOutputStream.writeBytes(data, count);
        this.originalListener.onDataAvailable(request, context,storageStream.newInputStream(0), offset, count);
    },

    onStartRequest: function(request, context) {
        this.receivedData = [];
        this.originalListener.onStartRequest(request, context);
    },

    onStopRequest: function(request, context, statusCode)
    {
        try 
        {
            request.QueryInterface(Ci.nsIHttpChannel);

            if (request.originalURI && piratequesting.baseURL == request.originalURI.prePath && request.originalURI.path.indexOf("/index.php?ajax=") == 0) 
            {

                var data = null;
                if (request.requestMethod.toLowerCase() == "post") 
                {
                    var postText = this.readPostTextFromRequest(request, context);
                    if (postText) 
                        data = ((String)(postText)).parseQuery();

                }
                var date = Date.parse(request.getResponseHeader("Date"));
                var responseSource = this.receivedData.join('');

                //fix leading spaces bug
                responseSource = responseSource.replace(/^\s+(\S[\s\S]+)/, "$1");

                piratequesting.ProcessRawResponse(request.originalURI.spec, responseSource, date, data);
            }
        } 
        catch (e) 
        {
            dumpError(e);
        }
        this.originalListener.onStopRequest(request, context, statusCode);
    },

    QueryInterface: function (aIID) {
        if (aIID.equals(Ci.nsIStreamListener) ||
            aIID.equals(Ci.nsISupports)) {
            return this;
        }
        throw Components.results.NS_NOINTERFACE;
    },
    readPostTextFromRequest : function(request, context) {
        try
        {
            var is = request.QueryInterface(Ci.nsIUploadChannel).uploadStream;
            if (is)
            {
                var ss = is.QueryInterface(Ci.nsISeekableStream);
                var prevOffset;
                if (ss)
                {
                    prevOffset = ss.tell();
                    ss.seek(Ci.nsISeekableStream.NS_SEEK_SET, 0);
                }

                // Read data from the stream..
                var charset = "UTF-8";
                var text = this.readFromStream(is, charset, true);

                // Seek locks the file so, seek to the beginning only if necko hasn't read it yet,
                // since necko doesn't seek to 0 before reading (at lest not till 459384 is fixed).
                if (ss && prevOffset == 0) 
                    ss.seek(Ci.nsISeekableStream.NS_SEEK_SET, 0);

                return text;
            }
            else {
                dump("Failed to Query Interface for upload stream.\n");
            }
        }
        catch(exc)
        {
            dumpError(exc);
        }

        return null;
    },
    readFromStream : function(stream, charset, noClose) {

        var sis = CCSV("@mozilla.org/binaryinputstream;1", "nsIBinaryInputStream");
        sis.setInputStream(stream);

        var segments = [];
        for (var count = stream.available(); count; count = stream.available())
            segments.push(sis.readBytes(count));

        if (!noClose)
            sis.close();

        var text = segments.join("");
        return text;
    }

}


hRO = {

    observe: function(request, aTopic, aData){
        try {
            if (typeof Cc == "undefined") {
                var Cc = Components.classes;
            }
            if (typeof Ci == "undefined") {
                var Ci = Components.interfaces;
            }
            if (aTopic == "http-on-examine-response") {
                request.QueryInterface(Ci.nsIHttpChannel);

                if (request.originalURI && piratequesting.baseURL == request.originalURI.prePath && request.originalURI.path.indexOf("/index.php?ajax=") == 0) {
                    var newListener = new TracingListener();
                    request.QueryInterface(Ci.nsITraceableChannel);
                    newListener.originalListener = request.setNewListener(newListener);
                }
            } 
        } catch (e) {
            dump("\nhRO error: \n\tMessage: " + e.message + "\n\tFile: " + e.fileName + "  line: " + e.lineNumber + "\n");
        }
    },

    QueryInterface: function(aIID){
        if (typeof Cc == "undefined") {
            var Cc = Components.classes;
        }
        if (typeof Ci == "undefined") {
            var Ci = Components.interfaces;
        }
        if (aIID.equals(Ci.nsIObserver) ||
        aIID.equals(Ci.nsISupports)) {
            return this;
        }

        throw Components.results.NS_NOINTERFACE;

    },
};


var observerService = Cc["@mozilla.org/observer-service;1"]
    .getService(Ci.nsIObserverService);

observerService.addObserver(hRO,
    "http-on-examine-response", false);

在上面的代码中，originalListener 是我们在链之前插入的侦听器。在创建跟踪侦听器时保留该信息并在所有三个回调中传递数据至关重要。否则什么都不会起作用（页面甚至无法加载。Firefox 本身是链中的最后一个）。

注意：上面的代码中调用了一些函数，它们是piratequesting附加组件的一部分，例如：parseQuery()和dumpError()

Answer 2

篡改数据插件。另请参阅如何使用页面

Answer 3

您可以尝试制作一个 Greasemonkey 脚本并覆盖 XMLHttpRequest。

代码看起来像：

function request () {
};
request.prototype.open = function (type, path, block) {
 GM_xmlhttpRequest({
  method: type,
  url: path,
  onload: function (response) {
   // some code here
  }
 });
};
unsafeWindow.XMLHttpRequest = request;

另请注意，您可以将 GM 脚本转换为 Firefox 的插件。