cool consoleweetje – document.designMode = on

Deze blogpost is niet meer dan de documentatie van een tweet, die ik zag voorbijkomen. Niemand gebruikt nog Twitter (behalve ikzelf blijkbaar als ik rondvraag bij collega’s, studenten, vrienden,…), dus daarom maak ik er maar een blogpost van. 🙈

Dat je een website tijdelijk in je browser even kan aanpassen, weet wie in webdevelopment werkt, meestal wel. Via de developertools van bijvoorbeeld Chrome kan je super eenvoudig een website in je browser even tijdelijk aanpassen.

Ideaal om in een klantenmeeting gevraagde kleine tweaks even te demonstreren en reeds door te voeren (geregeld zie je dan klanten hun mond openvallen ­čśë ).

Het commando document.designMode = “on” kende ik echter nog niet (en bestaan blijkbaar al wel 1-2 jaar) en zorgt ervoor dat je alle tekst op een website direct (tijdelijk!) even kan gaan aanpassen. DUs daarom even dit documenteren.

https://twitter.com/simonswiss/status/1062809496932634624

Voor wie het nog niet kan volgen. Even volgend stappenplan.

1. Rechtermuisklik in Chrome en klik op “Code inspect”

2. geef in het tabblad console het commando document.designMode = “on” in

3. Doe de developertools dicht en refresh vooral NIET dit scherm. Vanaf nu kan je overal in de tekst beginnen typen. Ideaal om dus olijke screenshots te gaan maken van bestaande pagina’s (geloof dus niet alles wat je ziet overal).

Gerelateerde berichten

Herman Maes - online marketeer DPO freelancer

Herman Maes

Online marketeer en (tech)blogger sinds 2002. Freelancer (SEO en Digital marketing) met Dailybits als SEO/Hubspot/Marketing Technology Teamlead/GDPR expert en daarnaast ook gewoon papa thuis.

Schrijf je in op de maandelijkse Dailybits mailing voor tips, tricks en random stuff.

One comment

Submit a comment

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.