Browser Diagnose Tool

Eine optimierte Chrome-Extension zum Analysieren und Verwalten von Browser-Speicherdaten.

Features

• Scan Seite: Liest LocalStorage, SessionStorage und Cookies parallel aus
• Clear All: Löscht alle Speicherdaten mit optimierter Massenverarbeitung
• Export JSON: Exportiert alle gescannten Daten als JSON-Datei
• Performance-Tracking: Zeigt Scan-Zeit in Millisekunden an

Performance-Optimierungen (v2.0)

Problem (v1.0)	Lösung (v2.0)
Sequentielles Abrufen	Paralleles Abrufen mit Promise.all()
Einzelnes Cookie-Löschen	Massenlöschung mit Promise.allSettled()
Blockierende UI	Chunked Display mit requestAnimationFrame()
Keine Fehlerbehandlung	Robuste Fehlerbehandlung pro Operation

Installation

Methode 1: Manuell laden (Entwicklermodus)

1. Repository klonen oder herunterladen
2. Chrome öffnen und zu chrome://extensions/ navigieren
3. Entwicklermodus aktivieren (Toggle oben rechts)
4. "Entpackte Erweiterung laden" klicken
5. Den Projektordner auswählen

Methode 2: Von GitHub klonen

git clone https://github.com/devshift-stack/browser-diagnose-tool.git
cd browser-diagnose-tool

Dann wie in Methode 1 in Chrome laden.

Verwendung

1. Die Extension über das Chrome-Toolbar-Icon öffnen
2. Scan Seite klicken, um alle Speicherdaten der aktuellen Seite zu analysieren
3. Die Ergebnisse werden in drei Kategorien angezeigt:
   • LocalStorage
   • SessionStorage
   • Cookies
4. Export klicken, um alle Daten als JSON zu speichern
5. Clear All klicken, um alle Daten zu löschen (mit Bestätigung)

Berechtigungen

Berechtigung	Verwendung
activeTab	Zugriff auf die aktive Tab-URL
cookies	Lesen und Löschen von Cookies
storage	Chrome Storage API
scripting	Script-Injection für Storage-Zugriff
downloads	JSON-Export Funktion

Projektstruktur

browser-diagnose-tool/
├── manifest.json      # Chrome Extension Manifest (V3)
├── popup.html         # UI der Extension
├── popup.js           # Hauptlogik (optimiert)
├── README.md          # Dokumentation
└── icons/
    ├── icon16.png
    ├── icon48.png
    └── icon128.png

Technische Details

• Manifest Version: 3 (aktueller Chrome-Standard)
• Minimum Chrome Version: 88+
• Parallele Verarbeitung: Verwendet Promise.all() und Promise.allSettled()
• UI-Rendering: Non-blocking mit requestAnimationFrame()

Bekannte Einschränkungen

• Chrome-interne Seiten (chrome://) können nicht gescannt werden
• HttpOnly-Cookies können gelesen aber nicht via JavaScript gelöscht werden
• Sehr große Storage-Daten (>10MB) können die Anzeige verlangsamen

Changelog

v2.0.0

• Komplette Neuimplementierung mit Fokus auf Performance
• Paralleles Auslesen aller Datenquellen
• Optimierte Massenlöschung von Cookies
• Verbessertes UI mit Statistiken
• Performance-Tracking

v1.0.0

• Initiale Version

Lizenz

MIT License

Autor

DevShift Stack - https://github.com/devshift-stack