Live element-inspector
Beweeg over een willekeurig element om direct de tag, classes, afmetingen en positie te zien.
DevScope
Element-inspector
Inspecteer elk element direct
Ontwikkelaarstool
Officiële productpagina
Publisher:
POLPROG
Officiële productpagina
6
Panelen
15+
Sneltoetsen
19
Talen
0
Verzamelde gegevens
01 / DevScope
Over
Een lichte, snelle element-inspector voor webontwikkelaars. DOM-navigatie, live CSS-bewerking, attribuutinspector, berekende stijlen en toegankelijkheidsinzichten.
02 / Toepassing
Wat het oplost
Het probleem
- Volledige ontwikkeltools duwen de pagina opzij
- Elke stijlpoging loopt via de editor
- Je weet niet waar het bekekene terechtkomt
Het resultaat
- Een licht paneel zweeft boven wat je bekijkt
- De CSS-wijziging zie je meteen, live
- Geen gegevens verlaten je browser
Voor wie
- Front-endontwikkelaars
- Toegankelijkheidsauditors
- Wie CSS-correcties op een live pagina test
03 / Belangrijkste functies
Belangrijkste functies
De belangrijkste mogelijkheden praktisch uitgelegd.
DOM-navigatie
Navigeer omhoog/omlaag door de DOM-boom met sneltoetsen of een klik.
Live CSS-bewerking
Bewerk CSS-eigenschappen in realtime en zie wijzigingen meteen op de pagina.
Attribuutinspector
Bekijk en kopieer alle HTML-attributen, data-attributen en ARIA-rollen.
Berekende stijlen
Bekijk berekende waarden voor elke CSS-eigenschap, inclusief visualisatie van het boxmodel.
Toegankelijkheidspaneel
Controleer ARIA-rollen, labels, contrastverhoudingen en informatie uit de toegankelijkheidsboom.
Zwevend paneel
Versleepbaar, verschaalbaar paneel dat bovenop blijft - blokkeert nooit je workflow.
Sneltoetsen
Navigeer door de DOM, wissel panelen en inspecteer elementen zonder de muis aan te raken.
Kopieerhulpmiddelen
Kopieer selectors, stijlen, outer HTML of element-screenshots naar het klembord.
Donkere & lichte thema's
Kies tussen donkere en lichte paneelthema's om bij je omgeving te passen.
04 / Download
Toegang tot het product
Een duidelijk pad van de officiële bron naar je eerste geslaagde workflow.
Kies het juiste platform
Gebruik een van de officiële links voor je apparaat of browser.
Installeer of open
Volg de instructies van de store of open de webapplicatie. Geen installatieprogramma's van derden.
Configureer en begin
Bekijk de opties, kies je voorkeuren en begin met de belangrijkste workflow.
Officiële toegangsopties
Download
Installeer de POLPROG-extensie in je favoriete browser.
05 / Technologie
Technologie achter het product
Een transparant overzicht van de kerntechnologieën waarmee dit product wordt gebouwd en onderhouden.
Chrome Extension
TypeScript
Webpack
06 / Beveiliging
Privacy & beveiliging
Je gegevens blijven op je apparaat. Altijd.