Na tej stronie opisujemy sposoby dostosowywania Narzędzi deweloperskich w Chrome.
Ustawienia
Ustawienia > Ustawienia zawiera wiele opcji dostosowywania DevTools.
Zobacz Otwórz Ustawienia i Ustawienia.
Ciemny motyw
Ciemny motyw możesz włączyć w Ustawieniach lub w menu poleceń.
- Otwórz menu poleceń.
Zacznij wpisywać
dark, wybierz polecenie Przełącz na ciemny motyw, a następnie naciśnij Enter, aby je uruchomić.
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:
- Otwórz nową kartę i w prawym dolnym rogu kliknij Dostosuj Chrome.
- W sekcji Wygląd wybierz motyw, klikając , Zmień motywy lub wybierz paletę kolorów.
Panel
Menu zawiera wiele ukrytych funkcji.
Naciśnij Escape, aby otworzyć lub zamknąć szufladę.
Kliknij Więcej narzędzi, aby otworzyć inną panel .
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ń:
- Otwórz menu poleceń.
- Zacznij pisać
docki wybierz jedną z sugerowanych opcji: zadokuj na dole, w lewo, w prawo, oddokuj lub przywróć ostatnią pozycję dokowania.
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ń język interfejsu Narzędzi deweloperskich
Zobacz Ustawienia > Ustawienia > Wygląd > Język.
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.
Synchronizację ustawień Narzędzi deweloperskich możesz włączyć lub wyłączyć oddzielnie w sekcji Ustawienia > Synchronizacja > Włącz synchronizację ustawień.
DevTools synchronizuje większość ustawień z wyjątkiem tych na kartach Praca, Eksperymenty i Urzą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ć.
Jednak ustawienie dokowania nie jest synchronizowane, ponieważ deweloperzy mają różne ustawienia podstawki podczas debugowania w różnych witrynach.
Dostosuj skróty klawiszowe
Zobacz Ustawienia > Skróty.
Włączanie eksperymentów
Zobacz Ustawienia > Eksperymenty.