Na tej stronie znajdziesz sposoby dostosowywania Narzędzi deweloperskich w Chrome.
Ustawienia
Ustawienia > Ustawienia zawiera wiele opcji dostosowywania DevTools.
Zobacz Otwórz Ustawienia i Ustawienia.
Ciemny motyw
Tryb ciemny 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ć.
Możesz też ustawić motyw 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 za pomocą opcji Zmień motywy lub wybierz paletę kolorów.
Aby wyłączyć motywy dynamiczne, wyczyść Ustawienia > Ustawienia > Wygląd > Dopasuj do schematu kolorów Chrome i ponownie załaduj DevTools.
Panel
Szuflada zawiera wiele ukrytych funkcji.
Naciśnij Escape, aby otworzyć lub zamknąć panel.
Kliknij Więcej narzędzi, aby otworzyć inne karty Drawer.
Zmiana położenia Narzędzi deweloperskich
Domyślnie narzędzia deweloperskie są zadokowane po prawej stronie widocznego obszaru. Możesz też zadokować je na dole lub po lewej stronie lub odpiąć je do oddzielnego okna.
Ustawienie Narzędzi deweloperskich możesz zmienić na 2 sposoby:
- Menu główne: otwórz Dostosuj i zarządzaj Narzędziami deweloperskimi i kliknij:
- Oddziel okno
- Zadokuj po lewej
- Zadokuj na dole
- Zadokuj po lewej
Menu poleceń:
- Otwórz menu poleceń.
- Zacznij wpisywać
docki wybierz jedną z sugerowanych opcji: dokowanie na dole, lewo, prawo, odpięcie lub przywrócenie ostatniej pozycji dokowania.
Aby włączyć lub wyłączyć opcję Przywróć ostatnią pozycję dokowania za pomocą skrótu klawiszowego, naciśnij:
- W systemie Linux lub 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 prawo dowolną z tych opcji:
- Panele u góry Narzędzi deweloperskich
- Panele w panelu Elementy, takie jak Style, Wyliczone, Układ i inne.
- Panele w panelu Źródła, takie jak Strona, Obszar roboczy, Zastąpienia i inne.
- karty Drawer na dole Narzędzi deweloperskich;
Dodatkowo możesz przesuwać panele i karty w górę i w dół w schowku. 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 paneli w zależności od rozmiaru okna. Możesz wyłączyć automatyczne przestawianie. 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 zawsze był widoczny z boku, zmień układ panelu na pionowy.
Zmiana języka interfejsu Narzędzi deweloperskich
Sprawdź : 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ń w Narzędziach deweloperskich możesz włączyć lub wyłączyć osobno, korzystając z 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ć.
Ustawienie dokowania nie jest jednak synchronizowane, ponieważ deweloperzy mają różne preferencje dotyczące dokowania podczas debugowania w różnych witrynach.
Dostosuj skróty klawiszowe
Zobacz Ustawienia > Skróty.
Włączanie eksperymentów
Zobacz Ustawienia > Eksperymenty.