Mobile DevTools in Chrome mit OffiDocs

BESCHREIBUNG

Eine Erweiterung für mobile Browser zum Debuggen von Web-Apps.

Basierend auf dem Open-Source-Projekt Eruda können Sie mit Mobile DevTools die Konsole, DOM-Elemente, Netzwerkverkehr, Seitenquellen, Ressourcen und mehr anzeigen.

Klicken Sie auf das Symbol der Erweiterung in der Symbolleiste oder im Menü, um das Overlay zu öffnen.

Ziehen Sie das obere Menü nach links und rechts und tippen Sie zum Öffnen auf eine Registerkarte: • Konsole – Anzeigen von JavaScript-Protokollen, Fehlern, Warnungen und anderen Debug-Informationen.

Führen Sie beliebiges JS aus, um mit der Webseite zu interagieren.

• Elemente – Drilldown in die DOM-Struktur, um Attribute, Inline-Stile, CSS-Regeln und berechnete Stile anzuzeigen.

• Netzwerk – Zeichnen Sie die gestellten Netzwerkanfragen im Detail auf und prüfen Sie die Antworten.

• Ressource – Zeigen Sie lokalen Speicher, Sitzungsspeicher, Cookies, Skripte, Stylesheets, iFrames und Bildelemente an.

• Quellen – Quellcode-Viewer für HTML, JS und CSS.

• Info – Anzeigen der aktuellen URL, des Benutzeragenten und der Gerätedetails.

• Snippets – Führen Sie nützliche JavaScript-Snippets aus.

Wenn Sie ein Entwickler sind und zusätzliche Plugins hinzufügen möchten, besuchen Sie bitte die Eruda-Dokumentation unter https://github.

com/liriliri/eruda und kontaktieren Sie den Entwickler dieser Erweiterung! Mobile DevTools funktionieren möglicherweise nicht auf allen Websites, abhängig von den Sicherheitsrichtlinien des Seiteninhalts.

Zusätzliche Information:

- Angeboten von Volle.io
- Durchschnittliche Bewertung: 4 Sterne (gefiel mir)
- Entwickler Diese E-Mail-Adresse ist gegen Spambots geschützt. Sie müssen JavaScript aktivieren, damit Sie sie sehen können.

Mobile DevTools-Web extension integriert mit den OffiDocs Chromium Online