月姐提出的替代清风明月的一个板块，主要是抓取聊天室的红包，但不自动抢（目前不知道有什么用，emmm，可能更方便抢？？但是我这个抓取肯定没有聊天室快，所以月月姐你的需求核心是什么！！！）。

开发思路

开始想着调用鱼排原有的聊天室API但是放弃了，因为好像没必要一个页面两个WebSocket订阅，于是：

第一版

使用定时器，实时监听聊天室的消息变化，然后遍历前10个消息，抓取红包类消息和红包板块进行合集。

样式是非常简单的方格样式，点击红包弹出红包状态，第一版还没移植原有红包的样式和事件

太卡了！！！！而且实现方式好蠢，虽然开发的时候很快！

第二版

以旧定时器，抓取的逻辑还是一致的，主要完善了红包的样式和事件，将原有聊天室的元素结构和类名原封不动的克隆了过来。这一版还添加了配置，不再强硬的覆盖清风明月，可以选择性的替换或者调整板块位置。

样式还原非常好，点击事件也可以，但是！！红包状态不更新，如果聊天室红包被抢了，红包状态是不会更新的

第三版

抓取红包的逻辑改为了对聊天室-消息板块的dom监听，当发生变化时，读取前几个消息，和红包板块进行集合。同时将每个红包克隆过去的同时，为他们添加一个对消息板块原红包dom的监听事件，当原红包状态发生变化时，红包板块所克隆的红包也同步变化状态和样式，红包被抢光时，删除dom监听。

不卡了，而且红包状态也能正常同步更新了

最终版

我让AI帮我优化了一下代码结构和样式布局，但是他改了我的变量名，不过运行时的效果还不错，所以就这样吧。

功能内容

1、在聊天室右侧新增红包板块

2、红包板块会实时监听聊天室的红包，当出现红包时会抓取到板块内

3、板块内的红包可以点击交互

4、板块内的红包会实时更新状态

5、刷新页面后历史所抓取的红包记录将丢失（不是接口层面读取的没办法）

6、代码内部有可调整的参数

安装下载

一键安装：点击安装

OpenUserJS：点击跳转

本体下载：点击下载

本体使用方法

1、将下载下来的zip文件后缀改为.txt，打开后复制全部内容

2、浏览器安装油猴（我的是衍伸版本暴力猴，其他油猴也行）插件

3、点击暴力猴，选择添加按钮

4、将内容粘贴后，点击保存，回到聊天室界面进行刷新即可