Pauzeer uw code met breekpunten | Chrome DevTools

Skip to main content

Documenten

Bouw met Chrome
Ontdek hoe Chrome werkt, neem deel aan origin-tests en bouw overal met Chrome.
Webplatform
Mogelijkheden
ChromeDriver
Extensions
Chrome Web Store
Chroom
Aurora
Web op Android
Oorsprongsproeven
Release-opmerkingen

Productiviteit
Creëer de beste ervaring voor uw gebruikers met de beste tools op internet.
Ontwikkelaars
Vuurtoren
Chrome UX-rapport
Toegankelijkheid

Krijg dingen sneller en netter gedaan met onze kant-en-klare bibliotheken.
Werkdoos
Poppenspeler

Ervaring
Ontwerp een mooi en performant web met Chrome.
AI, AI
Prestaties
CSS en gebruikersinterface
Identiteit
Betalingen
Privacy en veiligheid

Bronnen
Meer van Chrome en Google.
Alle documentatie
Basislijn
web.dev
PageSpeed Insights-audit
De privacy-sandbox
Geïsoleerde web-apps (IWA)

Casestudies Blog Nieuw in Chroom

/

English
Deutsch
Español – América Latina
Français
Indonesia
Italiano
Nederlands
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어

Aanmelden

Chrome DevTools

Ontwikkelaars Aan de slag AI-hulp

Overzicht
Aan de slag
Styling
Netwerk
Bronnen
Prestaties

Panelen

Populair
Elementen
Troosten
Vuurtoren
Geheugen
Netwerk
Prestaties
Recorder
Weergave
Beveiliging, beveiliging
Bronnen

Alle
Automatisch aanvullen
Animaties
Sollicitatie
Veranderingen
Dekking
CSS-overzicht
Bronnen voor ontwikkelaars
Problemen
Lagen
Vuurtoren
Media
Geheugeninspecteur

Netwerkvoorwaarden
Netwerkverzoek blokkeren
Prestatie monitor
Protocolmonitor, Protocolmonitor
Snelle bron
Sensoren
WebAudio
WebAuthn
Nieuwe functies

Instellingen Toegankelijkheid

Documenten
- More
- Ontwikkelaars
- Aan de slag
- AI-hulp
  - More
- Panelen
  - More
- Instellingen
- Toegankelijkheid
Casestudies
Blog
Nieuw in Chroom

Elementen
Overzicht
DOM
CSS
Troosten
Overzicht
Begrijp fouten en waarschuwingen met console-inzichten
Log berichten
Voer JavaScript uit
Bekijk JavaScript in realtime
Berichten opmaken en opmaken
Functiereferentie
API-referentie
API-referentie voor hulpprogramma's
Bronnen
Overzicht
Debug JavaScript
Pauzeer uw code met breekpunten
Voer fragmenten van JavaScript uit
Debug originele code in plaats van geïmplementeerd met bronkaarten
negeerList bronkaartextensie
Stel werkruimten in om wijzigingen in bronbestanden op te slaan
Overschrijf webinhoud en HTTP-antwoordheaders lokaal
Referentie voor foutopsporing in JavaScript
Foutopsporing in C/C++ WebAssembly
Netwerk
Overzicht
Netwerkactiviteit inspecteren
Kenmerken referentie
Bekijk paginabronnen
Prestaties
Overzicht
Analyseer runtimeprestaties
Maak aantekeningen en deel uw prestatiebevindingen,Maak aantekeningen en deel uw prestatiebevindingen
Kenmerken referentie
Referentie van tijdlijngebeurtenissen
Analyseer de prestaties van de CSS-selector
Profiel Node.js-prestaties
Pas uw prestatiegegevens aan met de uitbreidbaarheids-API
Krijg bruikbare inzichten in de prestaties van uw website
Vuurtoren
Optimaliseer de websnelheid
Geheugen
Overzicht
Geheugenterminologie
Geheugenproblemen oplossen
Heap-snapshots opnemen, Heap-snapshots opnemen
Toewijzingsprofiler-tool
Sollicitatie
Overzicht
Debug progressieve webapps
Bekijk en bewerk
Cookies bekijken, toevoegen, bewerken en verwijderen
Bekijk cachegegevens
Test back-forward-caching
Debuggen van speculatieregels
Debug achtergrondservices
Bekijk framedetails
Bekijk applicatiecachegegevens
Recorder
Overzicht
Registreer, speel opnieuw en meet gebruikersstromen
Kenmerken referentie
Pas de Recorder aan met extensies
Weergave
Overzicht
Ontdek problemen met weergaveprestaties
Emuleer CSS-mediafuncties
Rendereffecten toepassen
Meer panelen
Inspecteer en debug opgeslagen adressen met het paneel Automatisch aanvullen
Begrijp beveiligingsproblemen met het paneel Beveiliging
Emuleer apparaatsensoren met het paneel Sensoren
Bekijk WebAudio API-statistieken met het WebAudio-paneel
Emuleer authenticators met het WebAuthn-paneel
Inspecteer en wijzig animaties met het deelvenster Animaties
Houd wijzigingen in HTML, CSS en JavaScript bij met het venster Wijzigingen
Vind en analyseer ongebruikte code met het dekkingspaneel
Bekijk en laad bronkaarten handmatig met het paneel Developer Resources
Identificeer potentiële CSS-verbeteringen met het CSS-overzichtpaneel
Zoek en los problemen op met het paneel Problemen
Analyseer de lagen van uw website met het deelvenster Lagen
Debug mediaspelers met het Media-paneel
Inspecteer ArrayBuffer-, TypedArray-, DataView- of Wasm-geheugen met het geheugeninspectiepaneel
Overschrijf de user-agentstring via het paneel Netwerkvoorwaarden
Blokkeer bronnen selectief met het paneel Netwerkverzoek blokkeren
Analyseer de runtimeprestaties in realtime met het paneel Prestatiemonitor
Bekijk en verzend CDP-verzoeken met het Protocolmonitorpaneel. Bekijk en verzend CDP-verzoeken met het Protocolmonitorpaneel
Bekijk bronbestanden terwijl u toegang hebt tot andere tools met het Snelle bronpaneel
Nieuwe functies
Foutopsporing op afstand
Foutopsporing op afstand van Android-apparaten
Krijg toegang tot lokale servers en Chrome-instanties met port forwarding
Foutopsporing op afstand WebViews
Toegankelijkheid
Kenmerken referentie
Contrast en leesbaarheid
Trackelementen focus
Navigeer door DevTools met ondersteunende technologie
Instellingen
Overzicht
Alle instellingen
Bronnen
Techniekblog

Bouw met Chrome
Webplatform
Mogelijkheden
ChromeDriver
Extensions
Chrome Web Store
Chroom
Aurora
Web op Android
Oorsprongsproeven
Release-opmerkingen
Productiviteit
Ontwikkelaars
Vuurtoren
Chrome UX-rapport
Toegankelijkheid
Werkdoos
Poppenspeler
Ervaring
AI, AI
Prestaties
CSS en gebruikersinterface
Identiteit
Betalingen
Privacy en veiligheid
Bronnen
Alle documentatie
Basislijn
web.dev