Explorer Fiddler Jam : Quoi de neuf ?

Découvrez les nouveautés de Fiddler Jam, une solution de dépannage de bout en bout qui aide les utilisateurs, l'assistance et l'ingénierie à résoudre rapidement les problèmes.

En août, Je vous ai présenté Fiddler Jam. Qu'est-ce que la confiture ? En bref, c'est une solution pour aider les équipes de support et de développement à résoudre les problèmes à distance avec les applications Web de manière rapide, simple et sécurisée. Considérez Jam comme un groupe jouant parfaitement en synchronisation : remplacez les instruments par des utilisateurs finaux, le personnel d'assistance et les développeurs de logiciels qui jouent en phase – et mieux encore, vous n'aurez jamais à accepter les demandes de « Free Bird ».

Si cela C'est la première fois que vous découvrez Jam, voici un bref aperçu. Les utilisateurs de votre site peuvent utiliser une extension Chrome pour partager le contexte complet d'un problème, permettant à votre équipe d'assistance d'analyser les données immédiatement. Si nécessaire, les développeurs peuvent reproduire et déboguer le problème à l'aide du proxy de débogage Fiddler Everywhere. (Si vous souhaitez en savoir plus sur les bases de Fiddler Jam, consultez l'article de Rob Lauer.)

Jam dispose déjà d'un grand nombre de fonctionnalités, mais l'équipe de développement – appelons-les Jammers – a poussé encore plus de capacités et d'améliorations depuis notre dernière conversation. Nous pouvons le mettre à l'épreuve en consultant mon site Blast Off with Blazor, sur lequel j'ai écrit . Voyons ce que les brouilleurs ont fait.

Enregistrements vidéo

La dernière fois que nous avons parlé, nous avons pu voir des captures d'écran de nombreuses actions des utilisateurs afin que nous puissions voir ce que les utilisateurs faisaient lorsque des problèmes sont survenus. Cependant, lorsque vous commencez à examiner une séquence d'actions, il peut être difficile de suivre toutes les étapes une par une. Ma mise à jour préférée est définitivement une nouvelle fonctionnalité d'enregistrement vidéo.

Une fois qu'un utilisateur a envoyé à votre équipe d'assistance un lien vers sa session Jam, vous remarquerez que le premier élément du journal (« Capture démarrée ») est un enregistrement vidéo complet. de leur expérience. Cela n'enregistre que l'onglet dans lequel l'utilisateur a autorisé la capture de sa session. À cette phase, vous pouvez choisir de regarder la vidéo entière.

Pendant que vous la regardez, remarquez comment l'enregistrement met en évidence les entrées de journal correspondantes au fur et à mesure qu'elles se produisent. Vous pouvez mettre la vidéo en pause là où cela est nécessaire et aller là où vous devez être avec un contexte complet. Vous pouvez également cliquer sur un événement dans le journal et être envoyé à l'endroit de la vidéo où il s'est produit. À partir de là, vous pouvez lire l'enregistrement ou revenir en arrière selon vos besoins. Au lieu de traiter le contexte du bouche-à-oreille, vous avez tout ce dont vous avez besoin.

Dans mon cas, j'ai une capture de 14 secondes pleine de beaucoup de médias, de recherche et de défilement. Regardez l'icône de lecture à gauche et comment elle parcourt les événements du journal au fil du temps. Très cool.

Bien qu'il s'agisse d'une fonctionnalité puissante, Corporate Dave est là pour vous informer que Jam permet enregistrements vidéo et captures d'écran par défaut. Soyez prudent lorsque vous traitez des données sensibles telles que des mots de passe, des numéros de carte de crédit ou tout autre élément que vous souhaitez garder privé. Lisez Fiddler Jam Security pour plus de détails.

Un meilleur suivi pour les événements utilisateur

Lors de notre dernier Jam'ed, j'ai brièvement expliqué comment Fiddler Jam pouvait suivre quelques événements courants, comme les clics de boutons. Les brouilleurs ont poussé cela d'un cran et vous permettent maintenant de suivre une tonne d'autres événements en cliquant sur les éléments div, les événements de clavier et les événements de défilement.

Je ne sais pas pour vous, mais lorsque je débogue des problèmes d'interface, ce n'est pas aussi simple que de trouver qu'un fichier n'a pas été trouvé ou qu'il y a une grosse erreur dans la console du navigateur. Ce sont des choses subtiles qui me font réclamer la simplicité de Geo villes, comme le bouillonnement d'événements et les styles mal appliqués.

Les brouilleurs nous donnent maintenant la possibilité de cliquer sur l'onglet Inspecteurs pour comprendre les métadonnées sur l'événement, comme le type de balise et la classe CSS. En plus de l'enregistrement vidéo, vous verrez que j'ai également mis l'événement en surbrillance (dans ce cas, en tapant dans un champ de recherche) dans une capture d'écran pratique.

Capturer les informations de stockage

Une nouvelle option, Capturer les informations de stockagevous permet de capturer les données de stockage local et de stockage de session. Si vous n'êtes pas familier, le stockage local et le stockage de session sont des objets de stockage HTML5 qui vous permettent de stocker des données sur le client à l'aide de paires clé-valeur pratiques. Le stockage local existe jusqu'à sa suppression et n'a pas de date d'expiration, tandis que le stockage de session supprime les données lorsque l'utilisateur ferme un navigateur.

Alors que Corporate Dave vous dira de ne pas stocker de données sensibles ici, car le stockage local/de session n'est pas très sécurisé et, également, les données sont facilement accessibles et piratables à partir des outils de navigateur standard, cela peut parfois être une solution légère pour des recherche de données. Cela peut bien fonctionner avec des préférences ou des activités utilisateur simples : si nous voulons nous rappeler qu'un utilisateur préfère le mode sombre ou a déjà vu notre modal d'introduction qui visite notre site Web, nous pouvons le stocker dans un stockage local pour une récupération facile.

Les brouilleurs ont introduit la possibilité pour vous d'afficher les détails du stockage à partir d'un onglet Détails de stockage bien nommé. Si je vais sur un site Web aléatoire — regardez, le site Web Telerik Blogs, quelle coïncidence ! — Je peux déterminer quand une valeur de stockage local a été définie, et quelle est-elle.

Comment les options avancées fonctionnent-elles maintenant ?

Avec toutes ces mises à jour, jetons un coup d'œil aux nouvelles Options avancées que les utilisateurs peuvent défini avant de capturer une session avec Fiddler Jam. La plupart d'entre eux sont activés par défaut, vous n'aurez donc pas à demander aux utilisateurs de les activer explicitement, mais passons en revue. (Ne vous inquiétez pas, il n'y a pas de quiz… pour le moment .)

• Capture vidéo – Comme nous l'avons vu, cette option capture l'enregistrement vidéo à partir de l'onglet Chrome actif et inspecté. Corporate Dave dit : "Si l'écran affiche des données sensibles, pensez à les désactiver."
• Capturez des captures d'écran – Cette option ajoute une capture d'écran t à partir de l'onglet Chrome actif. L'entreprise Dave déclare : « Si l'écran affiche des données sensibles, envisagez de les désactiver. »
• Console de capture – Cette option enregistre toutes les sorties de la console du développeur. Encore une fois, pensez à désactiver cette option si vos journaux contiennent des informations sensibles.
• Capturer les informations de stockage – Cette option capture le stockage local ou de session à partir de l'onglet Chrome.
• Masquer les cookies – Cette option masque les valeurs des cookies afin que ils ne sont pas visibles dans les journaux. Les noms des cookies seront toujours visibles.
• Masquer toutes les données de publication – Cette option masque les données envoyées dans une requête POST, comme les informations de formulaire. Cette option n'est pas activée par défaut.
• Désactiver le cache – Cette option demande au navigateur d'ignorer le cache des requêtes réseau et de télécharger du nouveau contenu à partir du serveur.

Options de partage mises à jour

En plus de ces nouvelles options avancées, les utilisateurs finaux peuvent également afficher les détails de la capture et personnaliser qui doit accéder aux détails de la session.

Tout d'abord, les utilisateurs peuvent accéder aux détails de la session en cliquant sur Capture réussie ! J'imagine le point d'exclamation pour montrer l'excitation que le problème d'un utilisateur sera diagnostiqué si rapidement ! Oui !

Les utilisateurs peuvent cliquer sur cette zone pour afficher un journal des événements rapide. C'est une bonne vérification de l'intégrité afin que les utilisateurs puissent confirmer qu'ils vous envoient les bons journaux. S'ils ont 92 onglets ouverts – je ne le ferais jamais, mais certains pourraient le faire – cela aidera à fournir un contrôle de santé mentale pour s'assurer qu'ils vous transmettent la bonne session, et non de jolies vidéos de chats. Encore une fois, je ne le ferais jamais.

Après avoir éventuellement confirmé que les utilisateurs envoient le bon onglet, les utilisateurs peuvent choisir de partager les détails sous forme de lien ou avec des personnes spécifiques. Lors du partage en tant que lien, moi (et l'entreprise Dave) suggérerions d'utiliser la fonction de protection par mot de passe.

Lorsque vous partagez avec des personnes spécifiques, entrez les adresses e-mail du destinataire pour l'envoyer par courrier électronique. Lorsque vous effectuez cette opération, seules les personnes ayant les adresses e-mail correspondantes y auront accès.

Plus à venir !

Plus bientôt sur Fiddler Jam — pensez à ajouter la feuille de route Fiddler Jam à vos favoris pour plus de détails.

Commencez dès aujourd'hui avec Fiddler Jam en vous rendant sur le site Fiddler Jam et en vous inscrivant pour un essai gratuit de 14 jours.[19659003] Du très bon travail de la part des Jammers, n'est-ce pas ? Bon travail, équipe. Prenez le reste de la journée. Vous le méritez.