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
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 dopasować motyw kolorystyczny 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
Panel zawiera wiele ukrytych funkcji.
Aby otworzyć lub zamknąć panel, naciśnij Escape.
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ć 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 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.
Zmiana kolejności paneli, kart i paneli
Aby zmienić kolejność, kliknij i przeciągnij w lewo lub w prawo:
- 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 deweloperskie automatycznie zmieniają układ paneli 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 przy małym rozmiarze ekranu panel Style w panelu Elementy przesuwa się z boku na dół. 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ć.
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.