火狐Firefox 71浏览器将带来WebSocket检查器

Miracle
1138
文章
59
评论
2019年10月19日00:05:09 评论 838字阅读2分47秒

WebSocket(WS)是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议,它允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就可以直接创建持久性的连接,并进行双向数据传输。

通常WebSocket可用于替换 AJax技术进行推送,继而实现成本更低、更实时的通讯,一般WebSocket也主要用于需要进行实时通信的应用。

日前Firefox开发人员在博客中介绍了其将在Firefox 71中引入的 WebSocket检查器。

新的WebSocket检查器是DevTools中现有“ 网络”面板UI的一部分,在此面板中已经可以过滤已打开的WS连接的内容,但是目前仍然不能看到通过 WS帧传输的实际数据。

以下屏幕截图显示了运行中的WS过滤器,响应代码指示服务器正在切换到WS连接。

火狐Firefox 71浏览器将带来WebSocket检查器

如下图所示,边栏显示了有关所选HTTP请求的详细信息。此外,UI现在提供了一个全新的“ 消息”面板,该面板可用于检查通过选定WS连接发送和接收的WS帧。

火狐Firefox 71浏览器将带来WebSocket检查器

实时更新的表显示了已发送(绿色箭头)和已接收(红色箭头)WS帧的数据,单击时每个帧都会展开,可以检查格式化的数据。

专注于特定消息的话,可以将帧过滤为自由文本。

火狐Firefox 71浏览器将带来WebSocket检查器

默认显示“数据”和“时间”列,但是可以自定义界面查看更多列。

火狐Firefox 71浏览器将带来WebSocket检查器

在列表中选择一个帧的话会在“消息”面板的底部显示预览。

火狐Firefox 71浏览器将带来WebSocket检查器

该检查器当前支持以下WS协议:

纯JSON

socket

SockJS

新的WS检查器将解析基于这些协议的有效负载并将其显示为可扩展树,以便于检查。当然,仍然可以查看原始数据:

火狐Firefox 71浏览器将带来WebSocket检查器

使用“网络”面板工具栏中的“暂停/继续”按钮可以停止拦截WS通信,方便仅捕获感兴趣的帧。

火狐Firefox 71浏览器将带来WebSocket检查器

WebSocket检查器将在Firefox 71中发布,现在可以在 Firefox Developer Edition 中使用。目前Firefox还在对以下功能进行跟进:

二进制有效负载查看器

指示关闭的连接

导出WS帧(作为 HAR的一部分)

详情查看原博客:点此前往

继续阅读
  • 版权声明: 发表于 2019年10月19日00:05:09
  • 转载注明:https://x1995.cn/6731.html
Python 3.9.0 beta4 发布 IT相关

Python 3.9.0 beta4 发布

Python 3.9.0b4 发布了,Python 3.9 目前仍在开发中,此版本 3.9.0b4 是五个计划的 beta 版本预览中的第四个。 Beta 版本预览旨在为广大社区提供测试新功能和错误修...
微博 4K 视频功能正式全面开放! IT相关

微博 4K 视频功能正式全面开放!

微博在2018年就已经部分支持4K视频上传,现在微博正式面向创作者和观看用户开放4K视频功能。 微博4K视频创作者超2万人,4K视频总量已超3万条。 在微博4K视频的播放器里,点击右下角的清晰度按钮,...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: