Wie erstelle ich eine clientseitige Aufzeichnung (har-Datei)?

Um clientseitige Fehler nachvollziehen zu können, werden Sie ab und zu von uns aufgefordert, „eine har-Datei aufzuzeichnen“. Dieser Artikel zeigt die Schritte, die dafür notwendig sind, am Beispiel von Teams in Google Chrome.
Die anderen Browser (Edge, Firefox, Safari) bieten prinzipiell genau die gleichen Möglichkeiten, nur manchmal heißen einige Punkte leicht anders. Ggf. hilft ein kleine Web-Suche, die richtige Option im Browser ihrer Wahl zu finden.

Seit dem neuen „Teams-Client 2.0“ hat Microsoft das Erstellen entsprechender Aufzeichnungen im Teams-Client selber wesentlich erschwert - daher betrachten wir hier nur die Aufzeichnung im Browser, was allerdings für 99% der Probleme ausreichen sollte, da diese typischerweise auch in der Browser-Version von Teams https://teams.microsoft.com auftreten.

Anleitung

Browser und Developer Tools starten

Google Chrome starten (am besten ein neues Fenster), https://teams.microsoft.com öffnen und die Taste „F12“ drücken (alternativ: Strg+Shift+I , oder Menü => Weitere Tools => Entwicklertools). Danach geht folgendes „Teilfenster“ auf:


Da dieses Teilfenster den aktiven Bereich zu sehr einschränkt, bitte auf die markierten drei Puntke klicken und via der markierten Option unter „Dock side“ die Entwickler-Tools in ein eigenes Fenster „auslagern“:
image

Korrekte Einstellungen in den Entwickler-Tools vornehmen

Über das „Zahnrad“ ganz oben in den Entwickler-Tools die Einstellungen aufrufen:
image
Darin dann folgende Einstellungen prüfen, die im Standard NICHT GESETZT sind, aber unbedingt gesetzt sein sollten, damit alle notwendigen Informationen aufgezeichnet werden:


Das obige Bild zeigt die relevanten Einstellungen mit den RICHTIGEN Werten (so sollten die Haken gesetzt - oder gelöscht sein - sofern ihr Supporter Ihnen nicht etas anderes mitgeteilt hat).
Die Einstellungen dann einfach über das x oben rechts verlassen (Vorsicht, nicht das ganze Entwickler-Tools-Fenster schließen)

„Aufräumen“

Damit in der Aufzeichnung wirklich nur die relevanten Informationen vorhanden sind, Im Tab „Network“ den folgenden Knopf drücken, um das Log zu leeren:


Danach im Tab „Console“ den gleichen:
image

Problem nachvollziehen

Jetzt im Teams-Browserfenster auf das Roger ContactCenter wechseln und das Problem nachvollziehen / reproduzieren.
Optimal ist ggf. noch eine parallel laufende Bildschirmaufzeichnung, damit wir sehen können, welche Bedienschritte EXAKT notwendig sind, um das Problem zu „provozieren“ (natürlich nur bei klar reproduzierbaren Problemen - bei sporadischen ist das schwierig).

Aufzeichnungen speichern

Sobald der Fehler aufgetreten ist:
Im Tab „Network“ auf „Export har“ klicken und die Datei z.B. auf dem Desktop) speichern. Dabei etwas LÄNGER auf den Knopf klicken und die Option „with sensitive Data“ auswählen:


Danach im Tab „Console“ via Rechsklick => „Save as …“ das 2te Log speichern:

(der 2te blaue Klick ist ein Rechtsklick „in den leeren Bereich“).

Aufzeichnungen zur Verfügung stellen

Die beiden Dateien (.har und .log) als zip-Datei zusammenpacken und via Email an service@pfalzcloud.de (mit einer kleinen Beschreibung oder an eine existierende Anfrage). Ggf. die Bildschirmaufzeichung via Teams-Sharing/Sharepoint/… zur Verfügung stellen.

Fertig

Das wars - das „Entwickler-Tools-Fenster“ kann geschlossen werden - beim nächsten Mal unter dem gleichen User am gleichen Rechner sollten auch die Einstellungen bereits stimmen.
Gönnen Sie sich ein Heiß- oder Kaltgetränk ihrer Wahl - jetzt sind wir von Pfalzcloud wieder am Zug :slight_smile: