javascript - 拦截 WebSocket 消息

Question

使用 ajax 请求可以使用以下代码完成:

let oldXHROpen = window.XMLHttpRequest.prototype.open;
window.lastXhr = '';
window.XMLHttpRequest.prototype.open = function(method, url, async, user, password) {
  this.addEventListener('load', function() {
    window.lastXhr = this.responseText;
  });
  return oldXHROpen.apply(this, arguments);
};

lastXhr变量将保存最后的响应。
但是对于 websockets 又如何实现呢？

Answer 1

you would need to make this wrapper as soon as possible

对于那个答案@brunoff，你是对的..你总是可以在服务器之前通过木偶窗口逻辑使用你的函数， 或 你可以劫持 data来自 MessageEvent本身

function listen(fn){
  fn=fn||console.log
  let property=Object.getOwnPropertyDescriptor
  (MessageEvent.prototype,"data")
  const data=property.get
  function lookAtMessage(){ //to replace get function
    let socket=this.currentTarget instanceof WebSocket
    if(!socket){return data.call(this)}
    let msg=data.call(this)
    Object.defineProperty(this,"data",{value:msg}) //anti-loop
    fn({data:msg,socket:this.currentTarget,event:this})
    return msg
  }
  property.get=lookAtMessage
  Object.defineProperty
  (MessageEvent.prototype,"data",property)
}
listen( ({data})=>console.log(data) )

您可以尝试在 this page 上的控制台中输入代码并运行它。然后运行他们的 websocket 示例