Voegt kleurgecodeerde omtrekranden toe aan elk HTML-element voor een röntgenweergave van de structuur.
De Omtrekmodus tekent gekleurde randen rond elk element tegelijkertijd — het volledige beeld in één keer.
Schakel omtrekken in/uit met één klik.
Headers blauw, navigatie geel, hoofdinhoud groen, koppen paars.
Omtrekken maken onzichtbare CSS-problemen zichtbaar.
Geneste omtrekken onthullen de ouder-kindstructuur.
Via CSS-injectie zonder DOM-wijzigingen.
Gebruikt CSS outline (niet border) — geen box model-wijzigingen.
Omtrekmodus covers the following, organized by category:
htmlbodyheaderfootermainsectionarticleasidenavh1–h6 headingsp paragraphsspana linksblockquoteprecodebuttoninputtextareaselectformlabeldivul / ol / litable / tr / tdfiguredetailsSchakel omtrekken in en zie direct de oorzaak.
Verklein het venster met omtrekken aan.
Te veel geneste divs? Omtrekmodus maakt het zichtbaar.
Vergelijk structuren op verschillende paginas.
Toon studenten hoe elementen boxen creëren.
Klik op het pictogram in de dock.
Elk elementtype heeft een eigen kleur.
Zoek naar onverwachte gaten en overflow.
Gebruik als startpunt, schakel dan naar CSS Inspecteur.
Klik opnieuw om omtrekken te verwijderen.
Installeer DevSuite Pro gratis en ontgrendel 39+ ontwikkelaarstools voor uw browser.