（web端）抖音直播间弹幕消息获取

## 效果演示：
只展示了消息json的content字段

![](https://img-blog.csdnimg.cn/fa08b6f7b5694cfaaf4d84141f3ab99f.gif)

## 准备工作：
本文的操作是在浏览器解除跨域状态下进行的，正常浏览器也可以用。

![](/media/202210/2022-10-10_115621&8GhyRWisMj2pvq9Br5aO.png)

做法：将谷歌浏览器图标复制一个出来，右击，快捷方式后面加下面浏览器参数
```
 --disable-web-security --user-data-dir=D:\MyChromeDevUserData // 文件路径自己创建
```

![](/media/202210/2022-10-10_112133&IyCOtYehiL27XMUjSwNQ.png)
更多浏览器参数，可参考谷歌官方文档

## 开始找参数
随意打开一个直播间，在控制台可以看到，会有两个请求和一堆加载的个性化图片

![](/media/202210/2022-10-10_112202&WPdlsAriquCa1YycxXHT.png)

那么我们可以先从这些加载的图片调用栈开始入手，然后往回分析，至于为什么从这些图片下手？？因为这些个性化图片的加载是伴随弹幕消息一起出现的，根据正向的思路去反推思考，消息和图片的链接一般是会返回**在一个共同的响应体里面**

![](/media/202210/2022-10-10_112215&gmGwWTsEzkQKI6Md8evH.png)

随便选择一个图片，跟进去调用栈

![](/media/202210/2022-10-10_112230&SUeQCYmwBWIdMzrig4vA.png)

F8多跟几次之后会发现这里会有消息内容出来，有的时候是其他用户信息，这也就验证了我们之前的想法

![](/media/202210/2022-10-10_112238&t7F2YsdxTXjPWIb6DBCQ.png)

![](/media/202210/2022-10-10_112245&vGpUJmyRwHEZhW7Q8sI6.png)

![](/media/202210/2022-10-10_112252&NLbxFR5onvz7UT41fIWM.png)

这些显示的消息是经过解析之后的内容，所以根据我们可以直接回到调用栈最开始的位置，从那里往回找线索

![](/media/202210/2022-10-10_112306&DXleZUmB3b4JdP6FgQu2.png)

在这里可以看到他是一个setInterval定时器

![](/media/202210/2022-10-10_112314&CuKySGlMhrDpoWJj0LQX.png)

往上翻一下，可以看到key的名称为初始化

![](/media/202210/2022-10-10_112320&yb9olpaX8Amdetkj0NEi.png)

消息体的处理顺序

![](/media/202210/2022-10-10_112326&O0eRo5Nc7dtTPiK3Yh2m.png)

## 到了这里，我们直接hook代码
代码中变量a是当前this，在此下断点

![](/media/202210/2022-10-10_112333&DMZW0Lp5l9xR8gtSn3bc.png)

再执行下面这段代码
```
window.__a__ = a

var publishSync_ = window.__a__.publishSync;
window.__a__.publishSync = (i) => {  // 这里用箭头函数，不要用传统function
    let obj = i.payload;
    console.log(obj);
}
```

消息就全部打印出来了

![](/media/202210/2022-10-10_112359&jJRdYleb6Qsr94X2OKcF.png)

到了这一步，使用RPC把消息共享出去
如果发现提示跨域了，请回到文章开头的准备工作
```
window.__a__ = a

var xhr_ = new XMLHttpRequest(),
method = "POST",
url = "http://127.0.0.1:45678/port"; // 本地接收弹幕消息接口

var publishSync_ = window.__a__.publishSync;
window.__a__.publishSync = (i) => {  // 这里用箭头函数，不要用传统function
    let obj = i.payload;
    console.log(obj);
    xhr_.open(method, url, true);
    xhr_.setRequestHeader("Content-type", "application/json");
    xhr_.send(JSON.stringify(obj));
}
```

原文链接：https://blog.csdn.net/weixin_45307278/article/details/126797984