朝圣言
扫描关注朝圣言

手机扫描二维码

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

朝圣言2017-01-24朝圣言 5906 0A+A-

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

在查询整个网页链接后发现有如下关键的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张

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

文章关键词
js
小知识
小技巧
web
html5
发表评论