在 Chrome for iOS 上拦截 AJAX 请求？

Question

我通过更改 XMLHttpRequest.prototype open 和 send 方法在我的站点中拦截 AJAX 请求。这种方法在我测试的所有浏览器中都没有任何问题。然而，对于 iOS 版 Chrome (iPhone)，代码有一个最奇怪的错误：就像它不断触发我在原型中更改的代码（显然最终崩溃了）。

这是我正在做的一个超级最小的例子：

var open = XMLHttpRequest.prototype.open; // Caching the original
XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
    alert('open'); // Here is my code
    open.call(this, method, url, async, user, pass); // Calling the original
 };

我已经组装了一个小 JSBin，您可以在 iOS 上使用 Chrome 访问：Demo

根据this 的答案，我正在使用的代码（基本上与该答案中将使用的一个 OP 相同）是安全的，没有理由担心。而且，事实上，iOS 版 Chrome 是唯一表现异常的浏览器。

这两天让我发疯了，感谢任何建议或解决方法。

Answer 1

如何在 iOS 版 Chrome 上拦截 AJAX 请求

这是适用于大多数浏览器的 XMLHttpRequest 拦截代码：

(function(open) {
  XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
    // Intercept the open request here
    alert("Intercepted: " + url);
    open.apply(this, arguments);
  };
})(XMLHttpRequest.prototype.open);

xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","http://google.com",true);
xmlhttp.send();

iOS 版 Chrome 存在问题。它已在下面提出和调查。我将解释“重复的open() 调用”错误、演示和解决方法。

• Modifying the prototype for XMLHttpRequest makes it fire continuously in Chrome for iOS

• Crazy Things We Found Developing New Relic Browser

• Chrome on iOS might eat your global variable!

从最后的参考：

在页面加载时，Chrome 会向以下服务发出两个异步请求 它可能在本地运行。通过 URL 的声音 请求，这些服务用于确保页面的安全 您正在访问。

这是 Chrome 尝试访问的一个此类本地 URL 的屏幕截图 (Demo)：

Chrome 会定期自行调用XMLHttpRequest.open()。这些对拦截代码的重复调用不是由拦截代码本身引起的；它们是由来自 Chrome 浏览器的不相关和重复调用引起的。我已经确定了两个这样的 URL。可能还有其他人。

• /chromeforiossecurity/b86 ... 98d/
• https://localhost:0/chromecheckurl

根据我的研究，这种解决方法使 XMLHttpRequest 代码拦截工作在 Chrome for iOS 上。请参阅此JSBin 测试演示。它也将演示如何这些重复调用。本质上，拦截代码应该忽略 Chrome 使用的 URL。

(function(open) {
  XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {
    var d1 = document.getElementById('urls');

    // Avoid intercepting Chrome on iOS local security check urls
    if(url.indexOf("/chromecheckurl") < 0 && url.indexOf("/chrome") !== 0) {
        // These are what we want to intercept
        d1.insertAdjacentHTML('beforeend', '<b>'+url+'</b><br/>');
    } else {
        // These are the internal Chrome requests - we can ignore them
        d1.insertAdjacentHTML('beforeend', '<i>'+url+'</i><br/>');
    }

    open.apply(this, arguments);
  };
})(XMLHttpRequest.prototype.open);


xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","http://google.com",true);
xmlhttp.send();

这是我对 iOS 版 Chrome 上这个“重复的open() 调用”错误的最佳尝试以及解决方法。