Ontwikkelaars
Chrome DevTools is een set webontwikkelaarstools die rechtstreeks in de Google Chrome-browser zijn ingebouwd. Met DevTools kunt u pagina's direct bewerken en problemen snel diagnosticeren, waardoor u sneller betere websites kunt bouwen.
Open DevTools
Alle manieren waarop u Chrome DevTools kunt openen.
Wat is er nieuw in DevTools
Blijf op de hoogte van de nieuwste DevTools-wijzigingen.
DevTools-tips
Een reeks hapklare video's om u te helpen de functies van DevTools te leren kennen.
Commando's en snelkoppelingen
Voer taken snel uit.
Voer opdrachten uit in het opdrachtmenu
Open het opdrachtenmenu, voer opdrachten uit, open bestanden, bekijk andere acties en meer.
Toetsenbord sneltoetsen
Een uitgebreide referentie van sneltoetsen.
Schakel JavaScript uit
Bekijk hoe een webpagina eruitziet en zich gedraagt wanneer JavaScript is uitgeschakeld.
Simuleer mobiele apparaten met apparaatmodus
Simuleer apparaten om mobile-first websites te bouwen.
Zoek tussen geladen bronnen
Zoek tekst in alle geladen bronnen met het zoekpaneel.
Panelen
Ontdek de kracht van elk DevTools-paneel.
Elementen - DOM
Leer hoe u de DOM van een pagina kunt bekijken en wijzigen.
Elementen - CSS
Leer hoe u de CSS van een pagina kunt bekijken en wijzigen.
Troosten
Log berichten en voer JavaScript uit.
Bronnen
Bekijk en bewerk bestanden, maak fragmenten, debug JavaScript en stel een werkruimte in.
Netwerk
Netwerkverzoeken registreren.
Prestatie
Evalueer de prestaties van de website.
Geheugen
Vind geheugenproblemen die de prestaties van de pagina beïnvloeden, waaronder geheugenlekken en meer.
Sollicitatie
Inspecteer, wijzig en debug webapps, test de cache, bekijk opslag en meer.
Recorder
Neem gebruikersstromen op, speel ze opnieuw af en bewerk hun stappen.
Weergave
Ontdek een verzameling opties die de weergave van webinhoud beïnvloeden.
Automatisch aanvullen
Inspecteer en debug opgeslagen adressen.
Problemen
Zoek en los problemen met uw website op.
Beveiliging, beveiliging
Zorg ervoor dat een pagina volledig beveiligd is via HTTPS.
Geheugeninspecteur
Inspecteer een ArrayBuffer, TypedArray of DataView in JavaScript, evenals WebAssembly en geheugen van C++ Wasm-apps.
Netwerkvoorwaarden
Overschrijf de user-agentreeks.
Netwerkverzoek blokkeren
Test uw site door netwerkverzoeken te blokkeren.
Media
Bekijk informatie en debug mediaspelers per browsertabblad.
Animaties
Animaties inspecteren en aanpassen.
Veranderingen
Houd wijzigingen in HTML, CSS en JavaScript bij.
Dekking
Vind en analyseer ongebruikte JavaScript- en CSS-code.
Bronnen voor ontwikkelaars
Controleer of de bronkaarten succesvol zijn geladen en laad ze handmatig.
CSS-overzicht
Identificeer potentiële CSS-verbeteringen.
Vuurtoren
Optimaliseer de websitesnelheid met het Lighthouse-paneel.
Prestatie-inzichten
Krijg bruikbare inzichten in de prestaties van uw website.
Prestatie monitor
Bewaak de belasting- en runtime-prestaties.
Snelle bron
Bekijk en bewerk bronbestanden terwijl u toegang heeft tot andere panelen.
Sensoren
Apparaatsensoren emuleren.
WebAudio
Bekijk WebAudio API-statistieken.
WebAuthn
Authenticatoren emuleren.