Dostosuj Narzędzia deweloperskie

Na tej stronie opisujemy sposoby dostosowywania Narzędzi deweloperskich w Chrome.

Ustawienia

Ustawienia > Ustawienia zawiera wiele opcji dostosowywania DevTools.

Zobacz Otwórz UstawieniaUstawienia.

Ciemny motyw

Ciemny motyw możesz włączyć w Ustawieniach lub w menu poleceń.

Ciemny motyw.

  1. Otwórz menu poleceń.
  2. Zacznij wpisywać dark, wybierz polecenie Przełącz na ciemny motyw, a następnie naciśnij Enter, aby je uruchomić.

    Polecenie dotyczące ciemnego motywu.

  3. Motyw możesz też skonfigurować w Ustawienia > Ustawienia > Wygląd > Motywy.

Motyw dynamiczny

Narzędzia deweloperskie mogą automatycznie dopasowywać motyw kolorów do Chrome.

Aby ustawić motyw:

  1. Otwórz nową kartę i w prawym dolnym rogu kliknij Dostosuj Chrome.
  2. W sekcji Wygląd wybierz motyw, klikając , Zmień motywy lub wybierz paletę kolorów.

Narzędzia deweloperskie dopasowują motyw kolorystyczny do wybranego w sekcji Wygląd.

Panel

Menu zawiera wiele ukrytych funkcji.

Naciśnij Escape, aby otworzyć lub zamknąć szufladę.

Panel.

Kliknij Więcej narzędzi, aby otworzyć inną panel .

Przycisk Więcej narzędzi otwierający inne karty panelu.

Zmień miejsce docelowe Narzędzi deweloperskich

Domyślnie narzędzia deweloperskie są zadokowane po prawej stronie widocznego obszaru. Możesz też zadokować panel po lewej lub na dole lub oddzielić go do osobnego okna.

Umiejscowienie Narzędzi deweloperskich możesz zmienić na 2 sposoby:

  • Menu główne: otwórz Dostosuj i kontroluj Narzędzia deweloperskie i kliknij:
    • Oddziel okno
    • Zadokuj po lewej
    • Zadokuj na dole
    • Zadokuj po lewej
  • Menu poleceń:

    1. Otwórz menu poleceń.
    2. Zacznij pisać dock i wybierz jedną z sugerowanych opcji: zadokuj na dole, w lewo, w prawo, oddokuj lub przywróć ostatnią pozycję dokowania.

Sugerowana opcja dokowania w menu poleceń.

Aby przełączyć opcję Przywróć ostatnią pozycję dokowania za pomocą skrótu klawiszowego, naciśnij:

  • W systemach Linux i Windows: Control+Shift+D
  • W systemie macOS: Command + Shift + D.

Zmienianie kolejności paneli i kart

Aby zmienić kolejność, kliknij i przeciągnij w lewo lub w prawo:

  • Panele u góry Narzędzi deweloperskich
  • Okienki w panelu Elementy, np. Style, Wynikowy czy Układ.
  • Panele w panelu Źródła, takie jak Strona, Obszar roboczy, Zastąpienia i inne.
  • karty Drawer na dole Narzędzi deweloperskich;

Możesz też przenosić panele i karty w górę i w dół do panelu oraz z niego. Aby to zrobić, kliknij panel lub kartę prawym przyciskiem myszy i w menu kliknij Przenieś na początek lub Przenieś na koniec.

Użytkownik może zachować kolejność kart w narzędziach deweloperskich na kolejne sesje.

Układ panelu

Domyślnie Narzędzia programistyczne automatycznie zmieniają układ panelu w zależności od rozmiaru okna. Możesz wyłączyć automatyczne przetasowanie. Otwórz Ustawienia > Ustawienia > Wygląd i zaktualizuj rozmieszczenie paneli zgodnie z preferencjami.

Na przykład panel Stylów w panelu Elementy przesunie się z boku na dół, gdy rozmiar ekranu będzie mały. Jeśli chcesz, aby panel Styl był zawsze z boku, zmień układ panelu na pionowy.

Zmień układ panelu

Zmień język interfejsu Narzędzi deweloperskich

Zobacz Ustawienia > Ustawienia > Wygląd > Język.

Aby zmienić język, otwórz Ustawienia, a potem Ustawienia.

Ustawienia synchronizacji

Ustawienia DevTools możesz zsynchronizować na wielu urządzeniach.

Aby włączyć synchronizację, najpierw włącz Synchronizację Chrome. Po włączeniu ustawienia Narzędzi deweloperskich są domyślnie synchronizowane.

Synchronizacja profilu Chrome.

Synchronizację ustawień Narzędzi deweloperskich możesz włączyć lub wyłączyć oddzielnie w sekcji Ustawienia > Synchronizacja > Włącz synchronizację ustawień.

Ustawienia synchronizacji Narzędzi deweloperskich

DevTools synchronizuje większość ustawień z wyjątkiem tych na kartach Praca, EksperymentyUrządzenia oraz kilku innych ustawień ogólnych. Stan pola wyboru Włącz synchronizację ustawień jest również synchronizowany na urządzeniach.

Na przykład te ustawienia Wyglądu są synchronizowane, dzięki czemu możesz korzystać z jednych ustawień na wszystkich urządzeniach i nie musisz ich ponownie definiować.

Ustawienia wyglądu.

Jednak ustawienie dokowania nie jest synchronizowane, ponieważ deweloperzy mają różne ustawienia podstawki podczas debugowania w różnych witrynach.

Stacja dokująca.

Dostosuj skróty klawiszowe

Zobacz Ustawienia > Skróty.

Włączanie eksperymentów

Zobacz Ustawienia > Eksperymenty.