如何正确而快速的得到websocket的链接和数据结构

因为今天公司有一个需求,需要获取某个网站关于快讯的数据包括实时更新。

在查询整个网页链接后发现有如下关键的js文件


如何正确而快速的得到websocket的链接和数据结构  js 小知识 小技巧 web html5 第1张


很明显,获得是数据并实现实时更新的是基于websocket。


那么关键的东西来了,在面对一个网站几十个或者上半个连接数如何更快的获得websocket的链接地址,并得到数据结构。

来小伙伴们,跟我一起动手吧



一、工具

一台可以上网的电脑、chrome


二、操作

1、打开需求的网站,并且按下f12,然后再按f5刷新一下,保证全部的链接数可以被chrome记录下来

2、按照下面箭头的位置由上到下点击

如何正确而快速的得到websocket的链接和数据结构  js 小知识 小技巧 web html5 第2张

解释下,大部分的网页请求都会放在Network选项卡中,包括了ws。在通过筛选器筛选出ws类型的请求

3、很明显,获得ws连接的目的达到了,那么如何得到数据结构呢,看

如何正确而快速的得到websocket的链接和数据结构  js 小知识 小技巧 web html5 第3张

好了 不解释了 很明显了吧。

原文链接:,转发请注明来源!
「如何正确而快速的得到websocket的链接和数据结构」评论列表

发表评论