Op deze pagina vindt u de manieren waarop u Chrome DevTools kunt aanpassen.
Instellingen
Instellingen > Voorkeuren bevat veel opties voor het aanpassen van DevTools.
Zie Instellingen en voorkeuren openen.
Donker thema
Je kunt het donkere thema inschakelen in Instellingen of het Commandomenu .
- Open het Commandomenu .
Begin met het typen van
dark, selecteer de opdracht Overschakelen naar donker thema en druk vervolgens op Enter om de opdracht uit te voeren.
U kunt uw thema ook instellen in > Voorkeuren > Vormgeving > Thema's .
Dynamisch thema
DevTools kan automatisch overeenkomen met het kleurthema van Chrome.
Een thema instellen:
- Open een nieuw tabblad en klik rechtsonder Chrome aanpassen .
- Kies in Uiterlijk een thema via Wijzig thema's of selecteer een kleurenpalet.
Als u dynamische thema's wilt uitschakelen, wist u Instellingen Voorkeuren > Uiterlijk > Match Chrome-kleurenschema en laadt u DevTools opnieuw.
Lade
De lade bevat veel verborgen functies.
Druk op Escape om de lade te openen of te sluiten.
Klik op Meer hulpmiddelen om andere Lade- tabbladen te openen.
Wijzig de plaatsing van DevTools
Standaard is DevTools aan de rechterkant van uw viewport gekoppeld. U kunt ook aan de onder- of linkerkant vastzetten of DevTools loskoppelen in een apart venster.
U kunt de plaatsing van DevTools op twee manieren wijzigen:
- Hoofdmenu : Open DevTools aanpassen en beheren en klik op:
- Ontkoppelen in een apart venster
- Dock naar links
- Dock naar beneden
- Dock naar rechts
Commandomenu :
- Open het Commandomenu .
- Begin met het typen van
docken selecteer een van de voorgestelde opties: docken naar beneden, links, rechts, loskoppelen of laatste dockpositie herstellen.
Om Laatste dockpositie herstellen met een sneltoets in of uit te schakelen, drukt u op:
- Op Linux of Windows: Control + Shift + D
- Op MacOS: Command + Shift + D
Deelvensters, tabbladen en deelvensters opnieuw rangschikken
Om de volgorde te wijzigen, klikt en sleept u een van de volgende opties naar links of rechts:
- Panelen bovenaan DevTools.
- Deelvensters in het paneel Elementen , zoals Styles , Computed , Layout en andere.
- Deelvensters in het deelvenster Bronnen, zoals Pagina , Werkruimte , Overschrijvingen en andere.
- Ladetabbladen onderaan DevTools.
Bovendien kunt u panelen en tabbladen omhoog en omlaag verplaatsen van en naar de Lade . Om dit te doen, klikt u met de rechtermuisknop op het paneel of tabblad en selecteert u Verplaatsen naar boven of Verplaatsen naar onder in het vervolgkeuzemenu.
Uw aangepaste tabbladvolgorde blijft behouden in alle DevTools-sessies.
Paneelindeling
Standaard herschikt DevTools uw paneelindeling automatisch, afhankelijk van de venstergrootte. U kunt de automatische herschikking uitschakelen. Ga naar Instellingen > Voorkeuren > Uiterlijk en update de paneelindeling op basis van uw voorkeur.
Het deelvenster Stijlen in het deelvenster Elementen verplaatst zich bijvoorbeeld van de zijkant naar de onderkant als de schermgrootte klein is. Als u wilt dat het stijlvenster altijd aan de zijkant blijft staan, wijzigt u de paneelindeling in verticaal .
Wijzig de DevTools UI-taal
Zie Instellingen > Voorkeuren > Weergave > Taal .
Synchronisatie-instellingen
U kunt uw DevTools-instellingen op meerdere apparaten synchroniseren.
Om synchronisatie in te schakelen, schakelt u eerst Chrome-synchronisatie in. Eenmaal ingeschakeld, worden uw DevTools-instellingen standaard gesynchroniseerd.
U kunt de synchronisatie van de DevTools-instellingen afzonderlijk in- of uitschakelen met behulp van de Instellingen > Synchroniseren > Enable settings sync checkbox.
DevTools synchroniseert de meeste instellingen, behalve die op de tabbladen Werkruimte , Experimenten en Apparaten en enkele andere algemene instellingen. De status van het selectievakje Synchronisatie van instellingen inschakelen wordt ook op verschillende apparaten gesynchroniseerd.
De volgende weergave- instellingen worden bijvoorbeeld gesynchroniseerd, zodat u een consistente ervaring op alle apparaten heeft en dezelfde instellingen niet opnieuw hoeft te definiëren.
De dock- instelling wordt echter niet gesynchroniseerd omdat ontwikkelaars verschillende dock-voorkeuren hebben bij het opsporen van fouten op verschillende sites.
Pas sneltoetsen aan
Zie Instellingen > Snelkoppelingen .