web-dev-qa-db-fra.com

Chrome 59+ cadres Websocket non plus visibles dans DevTools

Depuis la mise à niveau de Chrome 58 => 59 sur Mac OS El Capitan, lorsque j'utilise l'inspecteur de Dev Tools Network pour afficher les images WebSocket, celles-ci ne sont plus visibles. Nous construisons une application qui utilisation intensive de WS, je compte donc beaucoup sur cette capacité.

Je pensais que c'était peut-être quelque chose que nous avions modifié dans notre application - l'encodage ou le protocole qui l'empêchait de s'afficher. J'ai donc essayé ce test simple ici: https://websocket.org/echo.html

  1. Ouvrez DevTools
  2. Allez à https://websocket.org/echo.html
  3. Allez dans l'onglet Réseau, filtrez sur WS, allez dans l'onglet Cadres
  4. Cliquez sur Connecter dans l'application echo, puis sur Envoyer un message.

Il en résulte qu'aucune image ne s'affiche dans DevTools, mais les messages de socket fonctionnent correctement avec l'application. J'ai demandé à quelques autres personnes et certaines d'entre elles n'ont pas ce problème.

Je me demande si j'ai une extension à l'origine de ce problème ou si j'ai un autre paramètre mystérieux qui pourrait empêcher l'affichage des images.

enter image description here

52
zenocon

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.

wonderful websockets ux design

Mise à jour 1: Comme Sylvain Girard l’a souligné, c’est une question de chrome 895548

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

176
Ray Foss

Ugh, l'interface utilisateur était en train de tirer la laine sur mes yeux. Le volet contenant les nouvelles images a été entièrement tiré vers le haut et je ne pouvais pas les voir.

Il s'agit d'un volet divisé avec le résumé du cadre en haut et l'inspecteur individuel de cadres en bas, mais le séparateur fractionné a été tiré jusqu'en haut. Était difficile de voir ça. Équipe Google UI: ce serait formidable de fournir un meilleur indicateur visuel à ce sujet :)

enter image description here

16
zenocon

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 devine quoi: n correctif est en chemin.

Tu peux me remercier plus tard :)

1
Sylvain Girard