本文介绍如何在Home Assistant中查看前端WebSocket通信。通过Chrome浏览器的开发者工具,可实时监控和分析前端与服务器之间的WebSocket数据交互,便于调试和排查问题。
1、 启动Chrome浏览器,进入Home Assistant前端界面,所示。接着开启开发者工具栏,准备进行相关操作与调试工作。
2、 切换至Network,清空现有数据后刷新页面。
3、 页面加载完成后,点击图示的WS按钮过滤WebSocket,然后选择相应的WebSocket请求。
4、 切换至右侧Messages面板,可查看上下行的WebSocket数据包。
5、 Home Assistant通过数据包中的ID匹配请求与响应,查看时注意对应关系即可。
6、 在指定位置输入关键词,可筛选特定数据包,所示,已找到获取全部实体状态的数据包。
7、 启动Chrome浏览器,进入Home Assistant界面,操作,随后开启开发者工具栏进行后续设置与调试工作。
