DevScope - Element-inspector | POLPROG Skip to content

DevScope

DevScope

DevScope - Element-inspector

Inspecteer elk element direct

Ontwikkelaarstool
6
Panelen
15+
Sneltoetsen
19
Talen
0
Verzamelde gegevens

Over

Een lichte, snelle element-inspector voor webontwikkelaars. DOM-navigatie, live CSS-bewerking, attribuutinspector, berekende stijlen en toegankelijkheidsinzichten.

Belangrijkste functies

01

Live element-inspector

Beweeg over een willekeurig element om direct de tag, classes, afmetingen en positie te zien.

02

DOM-navigatie

Navigeer omhoog/omlaag door de DOM-boom met sneltoetsen of een klik.

03

Live CSS-bewerking

Bewerk CSS-eigenschappen in realtime en zie wijzigingen meteen op de pagina.

04

Attribuutinspector

Bekijk en kopieer alle HTML-attributen, data-attributen en ARIA-rollen.

05

Berekende stijlen

Bekijk berekende waarden voor elke CSS-eigenschap, inclusief visualisatie van het boxmodel.

06

Toegankelijkheidspaneel

Controleer ARIA-rollen, labels, contrastverhoudingen en informatie uit de toegankelijkheidsboom.

07

Zwevend paneel

Versleepbaar, verschaalbaar paneel dat bovenop blijft - blokkeert nooit je workflow.

08

Sneltoetsen

Navigeer door de DOM, wissel panelen en inspecteer elementen zonder de muis aan te raken.

09

Kopieerhulpmiddelen

Kopieer selectors, stijlen, outer HTML of element-screenshots naar het klembord.

10

Donkere & lichte thema's

Kies tussen donkere en lichte paneelthema's om bij je omgeving te passen.

Privacy & beveiliging

Je gegevens blijven op je apparaat. Altijd.

Geen gegevensverzameling Alleen lokale opslag Geen netwerkverzoeken Minimale machtigingen Geen derde partijen WCAG 2.1 AA