Diagnostics & Excel — BugCapturer | Erreurs console et capture réseau

Capture console

Collecte automatique des erreurs de console

Les erreurs et avertissements sont capturés automatiquement — message, emplacement source et trace de pile inclus.

Portée de capture	Erreurs d'exécution, Promise rejections non gérées, console.error, console.warn
Niveaux	error + warn (pas info/log)
Timing	Dès le chargement de la page (document_start, monde MAIN)
Limite	Max 30 entrées, 10 plus récentes dans le rapport
Champs	Message + source (fichier:ligne:col) + pile

🔴 Console

🔴 Cannot read property 'map' of undefined app.bundle.js:142:18

🟡 Deprecated: componentWillMount will be removed react.js:2384:12

🔴 ReferenceError: handleClick is not defined index.js:45:8

Capture réseau

Collecte automatique des requêtes échouées

Les requêtes réseau échouées (HTTP ≥ 400) sont capturées automatiquement — URL, méthode, statut et texte de statut.

Détection	PerformanceObserver sur les entrées resource
Seuil d'échec	Statut HTTP ≥ 400
Limite	Max 20 entrées, 5 plus récentes dans le rapport
Champs	URL (désensibilisée), méthode, code de statut, texte de statut
Désensibilisation d'URL	token/key/secret/password/auth → ***

🟡 Network

🟡 GET https://api.example.com/users?token=*** [401] Unauthorized

🟡 POST https://api.example.com/orders [500] Internal Server Error

🟡 GET https://cdn.example.com/style.css [404] Not Found

Confidentialité

Diagnostics avec confidentialité

Les données sensibles sont protégées, la collecte est optionnelle, et rien n'est téléversé.

🔒

Désensibilisation d'URL

Les paramètres sensibles comme token/key/secret/password sont automatiquement remplacés par ***

✅

Choix de l'utilisateur

Coché par défaut — les utilisateurs peuvent désactiver à tout moment

⚡

Collecte ponctuelle

Collecté uniquement à la soumission, pas de surveillance en arrière-plan

🚫

Pas de téléversement

Les diagnostics sont assemblés localement et envoyés uniquement quand l'utilisateur envoie l'e-mail

Export ExcelNEW

Ligne Excel de 12 colonnes, en un clic

Copiez une ligne TSV structurée dans le presse-papiers — collez dans Excel, Google Sheets ou Numbers pour un tableau formaté.

Description	Type	Screenshot	URL	Page Title	Browser	OS	Screen	Viewport	Time	Console	Network
Submit button overlaps Cancel button on mobile	Bug	Paste PNG	https://app.example.com/dashboard	User Dashboard	Chrome 126	Windows 11	1920 × 1080	375 × 667	2026-08-18 14:30	Cannot read property... (app.js:142)	GET /api/users [401]
Chart not rendering on dashboard load	Bug	Paste PNG	https://app.example.com/analytics	Analytics Overview	Edge 126	macOS 14	2560 × 1440	1440 × 900	2026-08-18 09:15	ReferenceError: chartData is not defined (chart.js:28)	POST /api/metrics [500]
Login form shows error on valid credentials	Bug	Paste PNG	https://app.example.com/login	Sign In	Chrome 125	Windows 10	1920 × 1080	1280 × 720	2026-08-17 16:42	TypeError: undefined is not a function (auth.js:67)	POST /auth/login [502]
Product image carousel skips every other slide	Bug	Paste PNG	https://shop.example.com/product/123	Product Detail — Wireless Headphones	Chrome 126	Windows 11	1920 × 1080	1920 × 937	2026-08-16 11:08	Warning: forceUpdate in Carousel (deprecated) (carousel.js:134)	GET /cdn/images/hero.webp [404]

📋

Copier la ligne Excel

TSV sur une seule ligne avec les 12 colonnes de données — collez dans n'importe quel tableur

📋

Copier l'en-tête Excel

Ligne d'en-tête TSV de 12 colonnes pour la création initiale du tableau

Aperçu de l'e-mail

Aperçu complet du corps de l'e-mail

Quand « Inclure les diagnostics techniques » est coché, le corps de l'e-mail inclut automatiquement les diagnostics structurés.

[Bug Report] Bug - User Dashboard

To: dev@company.com

📋 Feedback

Description:Submit button overlaps Cancel button on mobile

Type:Bug

Contact:user@example.com

🔧 Tech Environment

URL:https://app.example.com/dashboard

Page Title:User Dashboard

Browser:Chrome 126

OS:Windows 11

Screen:1920 × 1080

Viewport:1440 × 900

DPR:1.5

Time:2026-08-18 14:30

🔴 Console Errors

[Error] Cannot read property 'map' of undefined — app.bundle.js:142:18

[Error] ReferenceError: handleClick is not defined — index.js:45:8

🟡 Network Errors

GET https://api.example.com/users?token=*** → 401 Unauthorized

POST https://api.example.com/orders → 500 Internal Server Error

📎 Screenshot

Screenshot copied to clipboard — Ctrl+V to paste into this email

Cas d'usage

Qui utilise les diagnostics

🧪

Ingénieurs QA

Joignez des diagnostics structurés aux tickets de bug — plus de copier-coller manuel depuis DevTools

💻

Développeurs

Recevez les erreurs de console et les requêtes échouées avec chaque rapport de bug

📊

Chefs de produit

Suivez les bugs dans un tableur avec une structure cohérente de 12 colonnes

Autres fonctionnalités

Explorer plus

📸

Capture & Annotation

Capturez n'importe quelle zone, annotez avec 5 outils, envoi par e-mail en un clic

🎥

Enregistrement d'écran

Enregistrez votre onglet, découpez la timeline, exportez en WebM

Diagnostics Excel