57 votes

Les cadres Websocket Chrome 59+ ne sont plus visibles dans DevTools

Depuis que j'ai mise à niveau à partir de Chrome 58 => 59 sur Mac OS El Capitan, quand j'utilise les Outils de Dev Réseau inspecteur pour afficher les WebSocket images, les images ne sont plus visibles. Nous avons construire une application qui fait un usage intensif de WS, donc, je m'appuie fortement sur cette capacité.

J'ai pensé que c'était peut-être quelque chose peut-être, nous avons changé dans notre app -- encoding ou d'un protocole qui peut-être provoque pas, j'ai donc essayé ce petit test ici: https://websocket.org/echo.html

  1. Ouvrir DevTools
  2. Aller à https://websocket.org/echo.html
  3. Aller à l'onglet Réseau, le filtre sur WS, allez à l'onglet Cadres
  4. Cliquez sur se Connecter en écho app suivie par Envoyer un Message

Cela permet d'images montrant dans DevTools, mais la prise de messages fonctionnent très bien avec l'application. J'ai demandé à quelques autres personnes, et certains d'entre eux n'ont pas ce problème.

Je me demande si je dois soit une extension qui est à l'origine de ce problème, ou si j'ai d'autres arcanes paramètre qui bloque peut-être les images de l'affichage?

enter image description here

185voto

Ray Points 67

Le dernier "panneau de détails du cadre" masque parfois le panneau "liste des cadres", sauf si vous passez la souris sous un en-tête de colonne et faites-le glisser vers le bas.

merveilleux design ux websockets

Mise à jour 1: Comme Sylvain Girard l’a souligné, il s’agit du numéro 895548 de Chromium

Mise à jour 4: Cela a été corrigé dans Chrome 72, disponible dans le canal stable

17voto

zenocon Points 225

Pouah, l'INTERFACE utilisateur a été de tirer la laine sur mes yeux. Le volet qui montre de nouvelles images a été tiré tout le chemin jusqu'à de sorte que je ne puisse pas les voir.

C'est un split volet avec le résumé de la trame sur le dessus, et l'image de l'inspecteur sur le bas-mais la scission diviseur a été tiré tout le chemin vers le haut. Était difficile à voir. Google l'INTERFACE utilisateur de l'équipe: idéal serait de fournir un meilleur indicateur visuel sur ce point :)

enter image description here

1voto

Sylvain Girard Points 124

Cela aurait pu être aussi simple que de créer un problème avec l'équipe de Chromium ... C'est ce que j'ai fait et devinez quoi: une solution est sur le point d'arriver.

Tu peux me remercier plus tard :)

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X