Bevries DOM: Pauzeer direct de DOM voor testen en debuggen
Freeze DOM is een gratis Chrome-add-on ontwikkeld door coolcore.xix. Het valt onder de categorie Browsers en specifiek de subcategorie Add-ons & Tools. Deze handige tool stelt gebruikers in staat om de Document Object Model (DOM) direct te pauzeren voor test- en debugdoeleinden.
Om Freeze DOM te gebruiken, volg eenvoudigweg deze stappen:
1. Open het DevTools-paneel door op F12 te drukken of met de rechtermuisknop te klikken en "Inspecteren" te selecteren.
2. Klik met de rechtermuisknop ergens op de pagina of druk op Cmd + Shift + S (op Mac) / Cmd + Shift + S (op Windows, Ubuntu) om het contextmenu te openen.
3. Selecteer "Freeze DOM" om direct de status van de website te bevriezen.
Door de DOM te bevriezen, krijgt u de mogelijkheid om UI-elementen te inspecteren die alleen zichtbaar zijn tijdens het zweven of focussen. Dit is bijzonder handig voor het onderzoeken van dropdown-menu's of andere interactieve componenten. Bovendien kunt u momentopnamen maken van in-progress states, zoals laadschermen.