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
dark
, selecteer de opdracht Overschakelen naar donker thema en druk vervolgens op Enter om de opdracht uit te voeren.U kunt ook uw thema instellen Instellingen > 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.
Lade
De lade bevat veel verborgen functies.
Druk op Escape om de lade te openen of te sluiten.
Klik Meer hulpmiddelen om andere ladetabbladen 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 : Openen Pas DevTools aan en beheer deze en klik op:
- Ontkoppel in een apart venster
- Dok naar links
- Dock naar beneden
- Dok naar rechts
Commandomenu :
- Open het Commandomenu .
- Begin met het typen van
dock
en 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 > 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
Zien Instellingen > Voorkeuren > Vormgeving > 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 > Schakel het selectievakje Instellingensynchronisatie in .
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 .