Otwieranie Chrome DevTools | Google Developers

By Kayce Basques

Technical Writer, Chrome DevTools & Lighthouse

Istnieje wiele sposobów na otwarcie Chrome DevTools, ponieważ różni użytkownicy chcą szybkiego dostępu do różnych części interfejsu użytkownika DevTools.

Otwórz panel Elementy, aby sprawdzić DOM lub CSS

Gdy chcesz sprawdzić style lub atrybuty węzła DOM, kliknij prawym przyciskiem myszy element i wybierz polecenie Inspect.

Albo naciśnij Command+Option+C (Mac) lubControl+Shift+C (Windows, Linux, Chrome OS).

Zobacz Get Started With Viewing And Changing CSS.

Otwórz panel Console, aby wyświetlić zarejestrowane komunikaty lub uruchomić JavaScript

aciśnij Command+Option+J(Mac) lub Control+Shift+J (Windows, Linux, Chrome OS), aby przejść bezpośrednio do panelu Console.

Patrz Rozpoczęcie pracy z konsolą.

Otwórz ostatni panel, który był otwarty

Naciśnij Command+Option+I (Mac) lub Control+Shift+I.

Otwórz DevTools z menu głównego Chrome

Kliknij Dostosuj i kontroluj Google Chrome , a następnie wybierz Więcej narzędzi > Narzędzia dla programistów.

Rysunek 2. Otwieranie DevTools z menu głównego Chrome

Auto-otwieranie DevTools na każdej nowej karcie

Otwórz Chrome z wiersza poleceń i przekaż flagę --auto-open-devtools-for-tabs.

Mac:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

Odpowiedzi

Czy ta strona była pomocna?

Tak

Co było najlepsze w tej stronie?

Pomogło mi to w osiągnięciu mojego celu(ów)

Dziękuję za opinie. Jeśli masz konkretne pomysły, jak ulepszyć tę stronę, prosimy o utworzenie tematu.

Posiadała ona informacje, których potrzebowałem

Dziękuję za informację zwrotną. Jeśli masz konkretne pomysły, jak ulepszyć tę stronę, prosimy o utworzenie zgłoszenia.

Posiadał dokładne informacje