Live-Element-Inspektor
Fahren Sie uber ein beliebiges Element, um sofort Tag, Klassen, Abmessungen und Position zu sehen.
DevScope
Element-Inspektor
Untersuchen Sie jedes Element sofort
Entwickler-Tool
Offizielle Produktseite
Herausgeber:
POLPROG
Offizielle Produktseite
6
Panels
15+
Tastenkurzel
19
Sprachen
0
Erfasste Daten
01 / DevScope
Über
Ein leichtgewichtiger, schneller Element-Inspektor fur Webentwickler. DOM-Navigation, Live-CSS-Bearbeitung, Attribut-Inspektor, berechnete Stile und Barrierefreiheits-Einblicke.
02 / Einsatz
Was es löst
Das Problem
- Vollständige Entwicklertools schieben die Seite zur Seite
- Jeden Stilversuch machen Sie im Editor
- Sie wissen nicht, wohin das Geprüfte gelangt
Das Ergebnis
- Ein leichtes Panel schwebt über dem Untersuchten
- Die CSS-Änderung sehen Sie sofort live
- Keine Daten verlassen Ihren Browser
Für wen
- Frontend-Entwickler
- Prüfer für Barrierefreiheit
- Wer CSS-Korrekturen auf der Live-Seite testet
03 / Hauptfunktionen
Hauptfunktionen
Die wichtigsten Funktionen praxisnah erklärt.
DOM-Navigation
Navigieren Sie mit Tastenkurzeln oder Klick nach oben/unten im DOM-Baum.
Live-CSS-Bearbeitung
Bearbeiten Sie CSS-Eigenschaften in Echtzeit und sehen Sie Anderungen sofort auf der Seite.
Attribut-Inspektor
Alle HTML-Attribute, Daten-Attribute und ARIA-Rollen anzeigen und kopieren.
Berechnete Stile
Sehen Sie berechnete Werte fur jede CSS-Eigenschaft inklusive Boxmodell-Visualisierung.
Barrierefreiheits-Panel
ARIA-Rollen, Beschriftungen, Kontrastverhaltnisse und Informationen des Barrierefreiheitsbaums prufen.
Schwebendes Panel
Verschiebbares, grossenanderbares Panel, das immer im Vordergrund bleibt - blockiert nie Ihren Arbeitsablauf.
Tastenkurzel
Navigieren Sie im DOM, schalten Sie Panels um und untersuchen Sie Elemente, ohne die Maus zu beruhren.
Kopier-Werkzeuge
Kopieren Sie Selektoren, Stile, ausseres HTML oder Element-Screenshots in die Zwischenablage.
Dunkle & helle Themes
Wahlen Sie zwischen dunklen und hellen Panel-Themes passend zu Ihrer Umgebung.
04 / Herunterladen
Produktzugang
Ein klarer Weg von der offiziellen Quelle bis zum ersten erfolgreichen Einsatz.
Passende Plattform wählen
Nutzen Sie einen der offiziellen Links für Ihr Gerät oder Ihren Browser.
Installieren oder öffnen
Folgen Sie den Store-Anweisungen oder öffnen Sie die Webanwendung. Keine Drittanbieter-Installer.
Konfigurieren und starten
Prüfen Sie die Optionen, wählen Sie Ihre Einstellungen und beginnen Sie mit dem zentralen Workflow.
Offizielle Zugangsoptionen
Herunterladen
Installiere die POLPROG-Erweiterung in deinem Lieblingsbrowser.
05 / Technologie
Technologie des Produkts
Ein transparenter Blick auf die Kerntechnologien für Entwicklung und Wartung dieses Produkts.
Chrome Extension
TypeScript
Webpack
06 / Sicherheit
Datenschutz & Sicherheit
Ihre Daten bleiben auf Ihrem Gerät. Immer.