热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Chrome59+websocketframesnolongervisibleinDevTools

EversinceIupgradefromChrome58>59onMacOSElCapitan,whenIuseDevToolsNetworkinsp

Ever since I upgrade from Chrome 58 => 59 on Mac OS El Capitan, when I use Dev Tools Network inspector to view WebSocket frames, the frames no longer are visible. We build an app that makes heavy use of WS, so I rely heavily on this capability.

自从我在Mac OS El Capitan上从Chrome 58 => 59升级后,当我使用Dev Tools网络检查器查看WebSocket框架时,框架不再可见。我们构建了一个大量使用WS的应用程序,所以我非常依赖这个功能。

I thought perhaps it was something maybe we changed in our app -- encoding or protocol that maybe causes it to not show up, so I tried this simple test here: https://websocket.org/echo.html

我想也许这可能是我们在应用程序中改变的 - 编码或协议可能导致它不显示,所以我在这里尝试了这个简单的测试:https://websocket.org/echo.html

  1. Open DevTools
  2. 打开DevTools
  3. Go to https://websocket.org/echo.html
  4. 转到https://websocket.org/echo.html
  5. Go to Network tab, filter on WS, go to Frames tab
  6. 转到“网络”选项卡,在WS上过滤,转到“帧”选项卡
  7. Click Connect in echo app followed by Send Message
  8. 单击echo in echo app,然后单击Send Message

This results in no frames showing up in DevTools, but the socket messages work fine with the app. I've asked a few other people and some of them do not have this problem.

这导致DevTools中没有显示任何框架,但套接字消息与应用程序一起正常工作。我问过其他几个人,其中一些人没有这个问题。

I'm wondering if I either have an extension that is causing this issue, or if I have some other arcane setting that might be blocking the frames from displaying?

我想知道我是否有一个导致此问题的扩展,或者我是否有其他可能阻止帧显示的神秘设置?

enter image description here

2 个解决方案

#1


116  

The bottom "frame details panel" sometimes hides the "frames list" panel, unless you hover your mouse under a column header and drag down.

底部的“框架详细信息面板”有时会隐藏“框架列表”面板,除非您将鼠标悬停在列标题下并向下拖动。

wonderful websockets ux design

#2


15  

Ugh, the UI was pulling the wool over my eyes. The pane that shows new frames was pulled all the way up so I could not see them.

用户界面正在将羊毛拉过我的眼睛。显示新框架的窗格一直向上拉,所以我看不到它们。

It's a split pane with the frame summary on top, and individual frame inspector on bottom -- but the split divider was pulled all the way to the top. Was tough to see that. Google UI team: would be great to provide a better visual indicator on this :)

它是一个拆分窗格,顶部是框架摘要,底部是单独的框架检查器 - 但拆分分隔线一直拉到顶部。很难看到这一点。 Google UI团队:很高兴为此提供更好的视觉指示:)

enter image description here


推荐阅读
  • Python处理Word文档的高效技巧
    本文详细介绍了如何使用Python处理Word文档,涵盖从基础操作到高级功能的各种技巧。我们将探讨如何生成文档、定义样式、提取表格数据以及处理超链接和图片等内容。 ... [详细]
  • 本文由「Vue虚拟实验室」的成员effort撰写,深入探讨了Vue CLI 3.0创建项目后的配置细节,特别是如何通过配置代理解决开发环境中的跨域问题。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 从 .NET 转 Java 的自学之路:IO 流基础篇
    本文详细介绍了 Java 中的 IO 流,包括字节流和字符流的基本概念及其操作方式。探讨了如何处理不同类型的文件数据,并结合编码机制确保字符数据的正确读写。同时,文中还涵盖了装饰设计模式的应用,以及多种常见的 IO 操作实例。 ... [详细]
  • 随着毕业设计的结束,我终于有时间更新我的博客了。这次,我将分享如何在自己的服务器上搭建 Bitwarden,一个广受好评的开源密码管理工具。 ... [详细]
  • Explore how Matterverse is redefining the metaverse experience, creating immersive and meaningful virtual environments that foster genuine connections and economic opportunities. ... [详细]
  • 本文详细介绍了如何使用Python编写爬虫程序,从豆瓣电影Top250页面抓取电影信息。文章涵盖了从基础的网页请求到处理反爬虫机制,再到多页数据抓取的全过程,并提供了完整的代码示例。 ... [详细]
  • 在使用 DataGridView 时,如果在当前单元格中输入内容但光标未移开,点击保存按钮后,输入的内容可能无法保存。只有当光标离开单元格后,才能成功保存数据。本文将探讨如何通过调用 DataGridView 的内置方法解决此问题。 ... [详细]
  • 解决MacOS Catalina升级后VMware Fusion黑屏问题的详细指南
    本文深入探讨了如何在MacOS Catalina升级后解决VMware Fusion黑屏的问题。通过详细的步骤和代码示例,帮助用户快速恢复虚拟机的正常运行,并提供了额外的安全建议。适用于希望提升工作效率或学习新技术的读者。 ... [详细]
  • 本文探讨了Web开发与游戏开发之间的主要区别,旨在帮助开发者更好地理解两种开发领域的特性和需求。文章基于作者的实际经验和网络资料整理而成。 ... [详细]
  • 本文详细介绍了 Nginx 中用于端口监听的核心配置指令,包括其基本用法和高级选项。 ... [详细]
  • 本文档详细介绍了在 CentOS Linux 7.9 系统环境下,如何从源代码编译安装 libwebsockets 库及其示例程序,并提供了编译过程中可能遇到的问题及解决方案。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • Python 异步编程:ASGI 服务器与框架详解
    自 Python 3.5 引入 async/await 语法以来,异步编程迅速崛起,吸引了大量开发者的关注。本文将深入探讨 ASGI(异步服务器网关接口)及其在现代 Python Web 开发中的应用,介绍主流的 ASGI 服务器和框架。 ... [详细]
  • Ubuntu GamePack:专为游戏爱好者打造的Linux发行版
    随着Linux系统在游戏领域的应用越来越广泛,许多Linux用户开始寻求在自己的系统上畅玩游戏的方法。UALinux,一家致力于推广GNU/Linux使用的乌克兰公司,推出了基于Ubuntu 16.04的Ubuntu GamePack,旨在为Linux用户提供一个游戏友好型的操作环境。 ... [详细]
author-avatar
携手相约幸福
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有