Kayce Basques
Sofia Emelianova
Ta strona zawiera skróty klawiszowe w Narzędziach deweloperskich w Chrome.
Skróty znajdziesz też w etykietkach. Najedź kursorem na element interfejsu Narzędzi deweloperskich, aby wyświetlić jego etykietkę. Jeśli element ma skrót, etykietka go zawiera.
Skróty klawiszowe do otwierania Narzędzi deweloperskich
Aby otworzyć Narzędzia deweloperskie, naciśnij te skróty klawiszowe, gdy kursor znajduje się w obszarze wyświetlania przeglądarki:
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Otwórz ostatnio używany panel | Command+Option+I | F12 lub Control+Shift+I |
| Otwórz panel Konsola | Command+Option+J | Control+Shift+J |
| Otwórz panel Elementy | Command+Shift+C lub Command+Option+C | Control+Shift+C |
Globalne skróty klawiszowe
Te skróty klawiszowe są dostępne w większości paneli Narzędzi deweloperskich.
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Pokaż Ustawienia | ? lub Function+F1 | ? lub F1 |
| Zaznacz następny panel | Command+] | Control+] |
| Zaznacz poprzedni panel | Command+[ | Control+[ |
| Przełącz z powrotem do ostatnio używanej pozycji dokowania. Jeśli Narzędzia deweloperskie były w domyślnej pozycji przez całą sesję, ten skrót oddokuje je w osobnym oknie. | Command+Shift+D | Control+Shift+D |
| Włącz lub wyłącz Tryb urządzenia | Command+Shift+M | Control+Shift+M |
| Włącz lub wyłącz Tryb sprawdzania elementu | Command+Shift+C | Control+Shift+C |
| Otwórz Menu poleceń | Command+Shift+P | Control+Shift+P |
| Włącz lub wyłącz Panel | Escape | Escape |
| Normalne ponowne wczytanie | Command+R | F5 lub Control+R |
| Wymuś ponowne wczytanie | Command+Shift+R | Control+F5 lub Control+Shift+R |
| Wyszukaj tekst w bieżącym panelu. Obsługiwane tylko w panelach Elementy, Konsola, Źródła, Skuteczność, Pamięć, Profiler JavaScript i Szybkie źródło. | Command+F | Control+F |
| Otwiera kartę Wyszukiwanie w Panelu, która umożliwia wyszukiwanie tekstu we wszystkich wczytanych zasobach. | Command+Option+F | Control+Shift+F |
| Otwórz plik w panelu Źródła | Command+O lub Command+P | Control+O lub Control+P |
| Powiększ | Command+Shift++ | Control+Shift++ |
| Pomniejsz | Command+- | Control+- |
| Przywróć domyślny poziom powiększenia | Command+0 | Control+0 |
| Uruchom fragment | Naciśnij Command+O, aby otworzyć Menu poleceń, wpisz ! a potem nazwę skryptu i naciśnij Enter | Naciśnij Control+O, aby otworzyć Menu poleceń, wpisz ! a potem nazwę skryptu i naciśnij Enter |
Skróty klawiszowe w panelu Elementy
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Cofnij zmianę | Command+Z | Control+Z |
| Ponów zmianę | Command+Shift+Z | Control+Y |
| Zaznacz element powyżej lub poniżej aktualnie zaznaczonego elementu | Strzałka w górę / Strzałka w dół | Strzałka w górę / Strzałka w dół |
| Rozwiń aktualnie zaznaczony węzeł. Jeśli węzeł jest już rozwinięty, ten skrót zaznacza element pod nim. | Strzałka w prawo | Strzałka w prawo |
| Zwiń aktualnie zaznaczony węzeł. Jeśli węzeł jest już zwinięty, ten skrót zaznacza element nad nim. | Strzałka w lewo | Strzałka w lewo |
| Rozwiń lub zwiń aktualnie zaznaczony węzeł i wszystkie jego elementy podrzędne | Przytrzymaj Option i kliknij ikonę strzałki obok nazwy elementu. | Przytrzymaj Control+Alt i kliknij ikonę strzałki obok nazwy elementu. |
| Włącz lub wyłącz tryb Edytuj atrybuty w aktualnie zaznaczonym elemencie | Enter | Enter |
| Po przejściu do trybu Edytuj atrybuty wybierz następny lub poprzedni atrybut | Tab / Shift+Tab | Tab / Shift+Tab |
| Ukryj aktualnie zaznaczony element | H | H |
| Włącz lub wyłącz tryb Edytuj jako HTML w aktualnie zaznaczonym elemencie | Function+F2 | F2 |
Skróty klawiszowe w panelu Style
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Przejdź do wiersza, w którym zadeklarowano wartość właściwości | Przytrzymaj Command i kliknij wartość właściwości. | Przytrzymaj Control i kliknij wartość właściwości. |
| Przełączaj reguły CSS | Strzałka w górę / Strzałka w dół | Strzałka w górę / Strzałka w dół |
| Przełączaj właściwości i elementy sterujące w wartościach właściwości w regule CSS | Strzałka w lewo / Strzałka w prawo | Strzałka w lewo / Strzałka w prawo |
| Otwórz etykietkę wartości CSS, gdy zaznaczysz funkcję w wartości właściwości (np. var, calc, clamp itp., oznaczone kropkowanym podkreśleniem) | Option+Strzałka w dół | Alt+Strzałka w dół |
| Zmień reprezentację wartości koloru (np. RGB, szesnastkowy, oklch itp.) | Przytrzymaj Shift i kliknij pole Podgląd koloru obok wartości. | Przytrzymaj Shift i kliknij pole Podgląd koloru obok wartości. |
| Edytuj następną lub poprzednią właściwość lub wartość | Kliknij nazwę lub wartość właściwości, a następnie naciśnij Tab / Shift+Tab. | Kliknij nazwę lub wartość właściwości, a następnie naciśnij Tab / Shift+Tab. |
| Zwiększ lub zmniejsz wartość właściwości o 0,1 | Kliknij wartość, a następnie naciśnij Option+Strzałka w górę / Option+Strzałka w dół | Kliknij wartość, a następnie naciśnij Alt+Strzałka w górę / Alt+Strzałka w dół |
| Zwiększ lub zmniejsz wartość właściwości o 1 | Kliknij wartość, a następnie naciśnij Strzałka w górę / Strzałka w dół | Kliknij wartość, a następnie naciśnij Strzałka w górę / Strzałka w dół |
| Zwiększ lub zmniejsz wartość właściwości o 10 | Kliknij wartość, a następnie naciśnij Shift+Strzałka w górę / Shift+Strzałka w dół | Kliknij wartość, a następnie naciśnij Shift+Strzałka w górę / Shift+Strzałka w dół |
| Zwiększ lub zmniejsz wartość właściwości o 100 | Kliknij wartość, a następnie naciśnij Command+Strzałka w górę / Command+Strzałka w dół | Kliknij wartość, a następnie naciśnij Control+Strzałka w górę / Control+Strzałka w dół |
| Przełączaj reprezentacje wartości kąta w stopniach (deg), gradach (grad), radianach (rad) i obrotach (turn) | Przytrzymaj Shift i kliknij pole Podgląd kąta obok wartości. | Przytrzymaj Shift i kliknij pole Podgląd kąta obok wartości. |
| Zwiększ lub zmniejsz wartość kąta o 1 | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Strzałka w górę / Strzałka w dół | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Strzałka w górę / Strzałka w dół |
| Zwiększ lub zmniejsz wartość kąta o 10 | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Shift+Strzałka w górę / Shift+Strzałka w dół | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Shift+Strzałka w górę / Shift+Strzałka w dół |
| Zwiększ lub zmniejsz wartość kąta o 15 | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Shift, kliknij lub przesuń mysz na Nakładce zegara kątowego | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Shift, kliknij lub przesuń mysz na Nakładce zegara kątowego |
Skróty klawiszowe w panelu Źródła
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Wstrzymaj wykonywanie skryptu (jeśli jest uruchomiony) lub wznów (jeśli jest wstrzymany) | F8 lub Command+\ | F8 lub Control+\ |
| Przejdź do następnego wywołania funkcji | F10 lub Command+' | F10 lub Control+' |
| Przejdź do następnego wywołania funkcji | F11 lub Command+; | F11 lub Control+; |
| Wyjdź z bieżącej funkcji | Shift+F11 lub Command+Shift+; | Shift+F11 lub Control+Shift+; |
| Po wstrzymaniu przejdź do określonego wiersza kodu | Przytrzymaj Command i kliknij wiersz kodu. | Przytrzymaj Control i kliknij wiersz kodu. |
| Wybierz ramkę wywołania poniżej lub powyżej aktualnie zaznaczonej ramki | Control+. / Control+, | Control+. / Control+, |
| Zapisz zmiany w modyfikacjach lokalnych | Command+S | Control+S |
| Zapisz wszystkie zmiany | Command+Option+S | Control+Alt+S |
| Idź do wiersza | Control+G | Control+G |
| Przejdź do numeru wiersza aktualnie otwartego pliku | Naciśnij Command+O, aby otworzyć Menu poleceń, wpisz : i numer wiersza, a następnie naciśnij Enter. | Naciśnij Control+O, aby otworzyć Menu poleceń, wpisz : i numer wiersza, a następnie naciśnij Enter. |
| Przejdź do kolumny aktualnie otwartego pliku (np. wiersz 5, kolumna 9) | Naciśnij Command+O, aby otworzyć Menu poleceń, wpisz :, a potem numer wiersza, następnie kolejny : i numer kolumny, a potem naciśnij Enter. | Naciśnij Control+O, aby otworzyć Menu poleceń, wpisz :, a potem numer wiersza, następnie kolejny : i numer kolumny, a potem naciśnij Enter. |
| Przejdź do deklaracji funkcji (jeśli aktualnie otwarty plik to HTML lub skrypt) albo do zestawu reguł (jeśli aktualnie otwarty plik to arkusz stylów) | Naciśnij Command+Shift+O, a potem wpisz nazwę deklaracji lub zestawu reguł albo wybierz ją z listy opcji. | Naciśnij Control+Shift+O, a potem wpisz nazwę deklaracji lub zestawu reguł albo wybierz ją z listy opcji. |
| Zamknij aktywną kartę | Option+W | Alt+W |
| Otwórz następną lub poprzednią kartę | Function+Command+Strzałka w górę lub Strzałka w dół | Control+Page Up lub Page Down |
| Włącz lub wyłącz pasek boczny Nawigacja po lewej stronie | Command+Shift+Y | Control+Shift+Y |
| Włącz lub wyłącz pasek boczny Debuger po prawej stronie | Command+Shift+H | Control+Shift+H |
Skróty klawiszowe w edytorze kodu
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Usuń wszystkie znaki w ostatnim słowie aż do kursora | Option+Delete | Control+Delete |
| Dodaj lub usuń punkt przerwania w wierszu kodu | Ustaw kursor w wierszu, a następnie naciśnij Command+B | Ustaw kursor w wierszu, a następnie naciśnij Control+B |
| Otwórz okno edycji punktu przerwania, aby edytować warunkowe punkty przerwania lub punkty logowania | Ustaw kursor w wierszu, a następnie naciśnij Command+Alt+B. | Ustaw kursor w wierszu, a następnie naciśnij Control+Alt+B |
| Otwórz okno warunkowego punktu przerwania | Command+kliknij numer wiersza | Control+kliknij numer wiersza |
| Otwórz okno punktu logowania | Command+Shift+kliknij numer wiersza | Control+Shift+kliknij numer wiersza |
| Przejdź do pasującego nawiasu | Control+M | Control+M |
| Włącz lub wyłącz komentarz jednoliniowy. Jeśli zaznaczonych jest kilka wierszy, Narzędzia deweloperskie dodają komentarz na początku każdego wiersza. | Command+/ | Control+/ |
| Zaznacz lub odznacz następne wystąpienie słowa, na którym znajduje się kursor. Każde wystąpienie jest jednocześnie podświetlane. | Command+D / Command+U | Control+D / Control+U |
Skróty klawiszowe w panelu Sieć
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Wyszukaj nagłówki, ładunki i odpowiedzi | Command+F | Control+F |
| Uruchom lub zatrzymaj rejestrowanie | Command+E | Control+E |
| Zarejestruj ponowne wczytanie | Command+R | Control+R |
| Ukryj szczegóły wybranego żądania | Escape | Escape |
Skróty klawiszowe w panelu Skuteczność
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Uruchom lub zatrzymaj rejestrowanie | Command+E | Control+E |
| Zapisz nagranie | Command+S | Control+S |
| Wczytaj nagranie | Command+O | Control+O |
Skróty klawiszowe w panelu Pamięć
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Uruchom lub zatrzymaj rejestrowanie | Command+E | Control+E |
Skróty klawiszowe w panelu Konsola
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Zaakceptuj sugestię autouzupełniania | Strzałka w prawo lub Tab | Strzałka w prawo lub Tab |
| Odrzuć sugestię autouzupełniania | Escape | Escape |
| Poruszaj się po liście autouzupełniania w górę lub w dół | Strzałka w górę / Strzałka w dół lub Control+P / N | Strzałka w górę / Strzałka w dół lub Control+P / N |
| Pobierz poprzednie stwierdzenie | Strzałka w górę | Strzałka w górę |
| Pobierz następne stwierdzenie | Strzałka w dół | Strzałka w dół |
| Zaznacz Konsolę | Control+` | Control+` |
| Wyczyść Konsolę | Command+K lub Option+L | Control+L |
| Wymuś wpis wielowierszowy. Narzędzia deweloperskie powinny domyślnie wykrywać scenariusze wielowierszowe, więc ten skrót jest zwykle niepotrzebny. | Shift+Return | Shift+Enter |
| Wykonaj | Return | Enter |
| Rozwiń wszystkie właściwości podrzędne obiektu, który został zarejestrowany w konsoli | Przytrzymaj Alt i kliknij Rozwiń > | Przytrzymaj Alt i kliknij Rozwiń > |
Skróty klawiszowe na karcie Wyszukiwanie
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Rozwiń lub zwiń wszystkie wyniki wyszukiwania | Command+Option+{ lub } | Control+Shift+{ lub } |
Skróty klawiszowe w panelu Rejestrator
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Uruchom lub zatrzymaj rejestrowanie | Command+E | Control+E |
| Odtwórz ponownie nagranie | Command+Enter | Control+Enter |
| Kopiuj nagranie lub wybrany krok | Command+C | Control+C |
| Przełącz widok kodu | Command+B | Control+B |
Skróty klawiszowe w panelu Warstwy
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Przesuń diagram wzdłuż osi X i Y | W (góra), A (lewo), S (dół), D (prawo) | W (góra), A (lewo), S (dół), D (prawo) |
| Włącz lub wyłącz tryb przesuwania | X | X |
| Włącz lub wyłącz tryb obracania | V | V |
| Zresetuj pozycję i obrót diagramu | 0 | 0 |
| Powiększ diagram | Shift++ lub obróć kółko myszy w górę | Shift++ lub obróć kółko myszy w górę |
| Pomniejsz diagram | Shift+- lub obróć kółko myszy w dół | Shift+- lub obróć kółko myszy w dół |