F12 | Inspect Element, Console

Ik heb F12 Browser gemaakt omdat ik het zat was om mijn telefoon steeds met een kabel aan mijn pc te moeten koppelen als ik even snel een mobiele lay-out of API-aanroep wilde controleren.

Voor alle duidelijkheid: dit is een hobbyproject bedoeld voor snelle controles, om te leren en te experimenteren. Het is absoluut geen vervanging voor de Chrome DevTools op je desktop of voor echte remote debugging op je werk.

Een paar dingen die je ermee kunt doen:

JS-codefragmenten direct op de pagina uitvoeren om te zien wat er gebeurt.

Door de HTML-structuur klikken om klassen, stijlen en elementen te bekijken en te markeren.

Live fetch- en XHR-aanroepen bekijken om statuscodes te controleren en JSON-gegevens te lezen.

Netwerkverzoeken openen om headers en queryparameters te bekijken.

Medialinks zoals afbeeldingen of videostreams die door de pagina worden geladen, openen.

Consolelogs en fouten controleren.

Als je student bent, nieuwsgierig bent naar hoe mobiele websites intern werken, of gewoon snel een API wilt controleren terwijl je niet achter je bureau zit, dan hoop ik dat je dit nuttig vindt.