Pas DevTools aan

Op deze pagina vindt u de manieren waarop u Chrome DevTools kunt aanpassen.

Instellingen

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 .

Het donkere thema.

  1. Open het Commandomenu .
  2. Begin met het typen dark , selecteer de opdracht Overschakelen naar donker thema en druk vervolgens op Enter om de opdracht uit te voeren.

    Het donkere thema-commando.

  3. U kunt ook uw thema instellen Instellingen. Instellingen > Voorkeuren > Vormgeving > Thema's .

Dynamisch thema

DevTools kan automatisch overeenkomen met het kleurthema van Chrome.

Een thema instellen:

  1. Open een nieuw tabblad en klik rechtsonder Chrome aanpassen .
  2. Kies in Uiterlijk een thema via . Wijzig thema's of selecteer een kleurenpalet.

DevTools komt overeen met het kleurthema dat is geselecteerd in Uiterlijk.

Lade

De lade bevat veel verborgen functies.

Druk op Escape om de lade te openen of te sluiten.

De lade

Klik Meer hulpmiddelen. Meer hulpmiddelen om andere ladetabbladen te openen.

De knop Meer hulpmiddelen waarmee andere Lade-tabbladen worden geopend.

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 Meer. Pas DevTools aan en beheer deze en klik op:
    • Ontkoppelen. Ontkoppel in een apart venster
    • Dok naar links Dok naar links
    • Dock naar beneden. Dock naar beneden
    • Dok naar rechts. Dok naar rechts
  • Commandomenu :

    1. Open het Commandomenu .
    2. Begin met het typen van dock en selecteer een van de voorgestelde opties: docken naar beneden, links, rechts, loskoppelen of laatste dockpositie herstellen.

Voorgestelde dockingoptie in het Commandomenu.

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 paneelindeling

Wijzig de DevTools UI-taal

Zien Instellingen. Instellingen > Voorkeuren > Vormgeving > Taal .

Wijzig de taal door naar Instellingen en vervolgens Voorkeuren te gaan

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.

Chrome-profielsynchronisatie.

U kunt de synchronisatie van de DevTools-instellingen afzonderlijk in- of uitschakelen met behulp van de Instellingen. Instellingen > Synchroniseren > Selectievakje. Schakel het selectievakje Instellingensynchronisatie in .

DevTools-synchronisatie-instellingen

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 weergave-instellingen.

De dock- instelling wordt echter niet gesynchroniseerd omdat ontwikkelaars verschillende dock-voorkeuren hebben bij het opsporen van fouten op verschillende sites.

Het dok.

Pas sneltoetsen aan

Zie Instellingen > Snelkoppelingen .

Experimenten inschakelen

Zie Instellingen > Experimenten .