Idées, tutoriels et nouveautés de notre équipe.
J'ai déplacé chaque portail BugDump de bugdump.com/p/acme-store vers acme-store.bugdump.com sans déplacer un seul fichier de route : TanStack Router réécrit l'URL à l'entrée et à la sortie. Un rewrite de sortie qui modifie son URL envoie les liens vers le mauvais hôte, navigate() ne peut pas changer d'origine, et une route Workers wildcard passe devant chaque Custom Domain de la zone.
Le suivi des erreurs d'une petite app web se résume à quatre choses : capter ce qui casse, regrouper les répétitions, lire la pile dans votre propre code et garder la minute qui précède le crash. Comment chacune fonctionne dans le navigateur, ce qu'il faut jeter, et quand il vous faut un outil de monitoring complet.
Un widget intégré peut lire le html lang de la page, le navigator.languages du visiteur ou ce que le site lui indique. Les trois se contredisent souvent. L'ordre que j'ai choisi pour le widget BugDump, pourquoi la page passe en premier, et les petites choses qui ont cassé en chemin.
J'avais donné à chaque priorité une clé stable pour que les intégrations puissent s'y fier. Cette clé est discrètement devenue aussi la valeur envoyée aux clients, si bien que rendre les priorités modifiables a voulu dire trouver neuf lecteurs, quatre switch qui échouent en silence et une hypothèse fausse dans le plan.
Votre application a un sélecteur de mode sombre. La bulle de chat, le widget de feedback et la bannière de cookies l'ignorent. Pourquoi prefers-color-scheme est le mauvais signal pour un widget intégré, et la petite API qui règle le problème.
Comment fonctionne la relecture de session, ce qu'elle capture, et pourquoi l'associer aux logs de console et réseau transforme des rapports de bug vagues en rapports qu'on peut diagnostiquer.
Trois façons d'ajouter un bouton de signalement de bug à n'importe quel site — balise script, paquet npm ou initialisation par code — avec des conseils de configuration et les pièges à éviter.
Un widget tiers qui envoie 450 Ko à chaque visiteur doit le justifier. Le mien n'y arrivait pas. Voici la mesure, la correction, et ce que je croyais savoir sur defer et qui s'est révélé faux.
« Impossible à reproduire » n'est pas une propriété du bug. C'est un constat sur la différence entre deux machines. Il n'existe qu'environ huit différences de ce genre, et chacune laisse une empreinte bien à elle.
Les DevTools sont ouverts sur la mauvaise machine. Voici comment instrumenter la console, les erreurs, fetch et XHR pour que le navigateur d'un utilisateur vous dise ce qui s'est vraiment passé, et les pièges qui font qu'une implémentation naïve casse la page qu'elle surveille.
La relecture de session a mauvaise réputation, et en grande partie à juste titre. Voici comment je l'utilise dans BugDump : limitée à un rapport, floutable par l'utilisateur, et désactivable en une ligne.
Tour d'horizon de chaque signal que collecte le widget BugDump, de ce qui justifie sa place, et de ceux qui résolvent vraiment des bugs.