web-dev-qa-db-ja.com

Chrome 59+ WebSocketフレームはDevToolsに表示されなくなりました

Mac OS El CapitanでChrome 58 => 59からアップグレードして以来、Dev Tools Networkインスペクターを使用してWebSocketフレームを表示すると、フレームは表示されなくなります。 WSを頻繁に使用するため、この機能に大きく依存しています。

多分それはアプリで変更したものだと思った-エンコードまたはプロトコルが表示されない可能性があるので、ここでこの簡単なテストを試しました： https://websocket.org/echo.html

  1. DevToolsを開きます
  2. https://websocket.org/echo.html に移動します
  3. [ネットワーク]タブに移動し、WSでフィルタリングし、[フレーム]タブに移動します
  4. エコーアプリで接続をクリックし、メッセージを送信します

これにより、DevToolsにフレームが表示されなくなりますが、ソケットメッセージはアプリで正常に機能します。私は他の少数の人々に尋ねました、そして、彼らの何人かはこの問題を持っていません。

この問題の原因となっている拡張機能があるのか​​、フレームの表示をブロックしている可能性のある他の難解な設定があるのか​​疑問に思っていますか？

enter image description here

google-chromewebsocketgoogle-chrome-devtools
52
zenocon

列ヘッダーの下にマウスを置いて下にドラッグしない限り、下部の「フレーム詳細パネル」は「フレームリスト」パネルを隠すことがあります。

wonderful websockets ux design

更新1：Sylvain Girardが指摘したように、これはChromiumの問題です 895548

アップデート4：Chrome 72で修正され、安定したチャネルで利用可能

176
Ray Foss

ええと、UIは私の目を覆ってウールを引っ張っていました。新しいフレームを表示するペインがいっぱいに引き上げられたため、表示されませんでした。

フレームの概要が上部にあり、個々のフレームインスペクターが下部にある分割ペインですが、分割ディバイダーは一番上まで引っ張られています。それを見るのは大変でした。 Google UIチーム：これについてのより良い視覚的インジケータを提供することは素晴らしいことです:)

enter image description here

16
zenocon

Chromiumチームで問題を作成するのと同じくらい簡単だったかもしれません...これは私がやったことであり、何を推測しています： 修正が進行中です

後で私に感謝することができます:)

1
Sylvain Girard