Alerts für Issues und Schwellenwerte
Konfigurieren Sie RUM-Alert-Regeln für neue, erneut auftretende und eskalierende Issues oder Schwellenwerte und wählen Sie Ihre bestehenden Site Qwality-Benachrichtigungskanäle.
Error-Tracking
Jeder Frontend-Fehler.
Jeder Frontend-Fehler.
Gruppiert. Erklärt.
JavaScript-Fehler werden automatisch erfasst, zu Gruppen zusammengefasst und mit source-mapped Stack-Traces angereichert. Wurde die Session aufgezeichnet, verlinkt ein Fehler auf die aufgezeichnete Session, damit Sie den Ablauf beim Nutzer untersuchen können.
Free tier included
No credit card
2-minute setup
Aufhören, Rauschen zu triagieren. Das Wesentliche beheben.
Rohe Fehlerzahlen sind bedeutungslos. Site Qwality bildet Fingerprints aus Fehlermeldung und Stack-Frames, gruppiert Duplikate automatisch und hebt die Fehler hervor, die die meisten Sessions betreffen, damit Sie immer genau wissen, wo Sie hinschauen sollen.
Automatische Fehlergruppierung
Fehler werden per Fehlermeldung und Stack-Frames gefingerprintet, sodass wiederholte Vorkommen desselben Bugs in einer einzigen handlungsfähigen Gruppe zusammenfallen.
Source-mapped Stack-Traces
Source Maps mit Debug IDs zeigen ursprüngliche Dateien, Funktionen und Zeilen. Beim Öffnen lässt sich ein Vorkommen auch mit einer später hochgeladenen Map auflösen.
Betroffene Sessions pro Gruppe
Jede Fehlergruppe zeigt ihre Ereignisse, die betroffenen Sessions und die identifizierten Nutzer dahinter, damit Sie nach echtem Einfluss priorisieren können.
Ein-Klick-Session-Replay-Link
Ist für ein erfasstes Vorkommen ein Replay verfügbar, öffnen Sie die verknüpfte aufgezeichnete Session direkt vom Issue aus.
Fehler-Trend-Diagramme
Verfolgen Sie das Fehlervolumen über die Zeit, um Regressionen sofort nach einem Deploy oder einem Traffic-Anstieg zu erkennen.
Browser-Rauschen gefiltert
ResizeObserver-Loop-Warnungen, undurchsichtige „Script error."-Meldungen und Fehler aus Browser-Erweiterungen werden verworfen, bevor sie Ihre Gruppen oder Ihr Kontingent erreichen.
Source-Map-De-Obfuszierung
Minifizierte Traces sagen
Minifizierte Traces sagen
Ihnen nichts.
Laden Sie passende Source Maps aus der CI hoch, um ursprüngliche Module, Funktionen und Zeilen zu sehen. Debug IDs verbinden Fehler mit der exakten Build-Ausgabe, auch wenn die Map erst später hochgeladen wird.
- Deterministische Debug IDs identifizieren das exakt erzeugte JavaScript
- Batch-Uploads mit Bestätigung vor dem optionalen Löschen lokaler Maps
- Source Maps bleiben privat; CI-Zugangsdaten gelangen nie in das Browser-Bundle
TypeError: Cannot read properties of null InvestigatingLIVE
OCCURRENCES · 24H241
SESSIONS HIT89
FIRST SEEN2h ago
checkout.js:142241ms
cart.js:89178ms
Button.jsx:23134ms
router.js:5572ms
Source Maps hochladen
Einmal bauen.
Einmal bauen.
Bundles exakt zuordnen.
Fügen Sie Debug IDs ein und laden Sie private Source Maps mit @siteqwality/cli hoch, oder nutzen Sie die Adapter für Vite, webpack, Rollup und esbuild. Veröffentlichen Sie exakt die bearbeiteten Dateien. Bestätigte Maps können beim Öffnen auch frühere Vorkommen auflösen.
- Deterministische Debug IDs identifizieren das exakt erzeugte JavaScript
- Batch-Uploads mit Bestätigung vor dem optionalen Löschen lokaler Maps
- Source Maps bleiben privat; CI-Zugangsdaten gelangen nie in das Browser-Bundle
CI: Debug IDs + private source mapsnpm install --save-dev @siteqwality/cli@0.1.0
npx siteqwality sourcemaps inject ./dist
npx siteqwality sourcemaps upload ./dist --delete-after
npx siteqwality sourcemaps inject ./dist
npx siteqwality sourcemaps upload ./dist --delete-after
1-click
von einem Fehler zu seinem Replay, wenn die Session aufgezeichnet wurde
auto
Erfassung unbehandelter Fehler bei aktiver SDK-Erfassung
auto
Symbolikation beim Öffnen eines Vorkommens
$0
kostenloser Tarif, Error-Tracking inklusive bei RUM
FAQ
Nein. Das Site Qwality RUM-Skript erfasst automatisch unbehandelte JavaScript-Ausnahmen und unbehandelte Promise-Ablehnungen und filtert bekanntes Browser-Rauschen heraus, etwa ResizeObserver-Loop-Warnungen und Fehler aus Browser-Erweiterungen. Sie müssen Ihren Code nicht kapseln oder manuell eine Fehlerberichtsfunktion aufrufen.
Fehler werden nach Fehlermeldung und Stack-Frames gruppiert. Ohne Source Maps kann sich ein Bug über Browser oder Releases hinweg auf mehrere Gruppen verteilen.
Fügen Sie mit @siteqwality/cli Debug IDs in Ihre Build-Ausgabe ein und laden Sie die Maps anschließend aus der CI hoch. Bestätigen Sie die Uploads. Adapter für Vite, webpack, Rollup und esbuild automatisieren diese Schritte. Debug IDs erfordern ein kompatibles Browser-SDK; die Zuordnung über Release und Dateiname bleibt möglich. Details im Source-Map-Leitfaden.
Konfigurieren Sie RUM-Alert-Regeln für neue, erneut auftretende und eskalierende Issues oder Schwellenwerte und wählen Sie Ihre bestehenden Site Qwality-Benachrichtigungskanäle. Fehler-Alerts konfigurieren.
Ja. Error-Tracking, Gruppierung und Source Maps sind in jedem Tarif Teil von Real User Monitoring. Der kostenlose Tarif umfasst 1.000 Observe- und 100 Analyze-Sessions pro Monat. Gefiltertes Browser-Rauschen zählt nie. Der SDK- und Abrechnungsleitfaden erklärt, wie Observe-, Analyze- und Replay-Nutzung während der SDK-Einführung gezählt wird.
Related features
Kostenlos starten. Keine Kreditkarte.
Uptime, Cron, Synthetic, Logs, RUM, Incidents und Statusseiten. Kostenlose Stufe bei jedem Produkt.