Kayce Basques
Sofia Emelianova
Ta strona zawiera opis skrótów klawiszowych w Narzędziach deweloperskich w Chrome.
Skróty znajdziesz też w etykietkach narzędzi. Najedź kursorem na element interfejsu Narzędzi deweloperskich, aby wyświetlić jego etykietkę. Jeśli element ma skrót, jest on widoczny w opisie.
Skróty klawiszowe do otwierania Narzędzi deweloperskich
Aby otworzyć narzędzia dla deweloperów, naciśnij te skróty klawiszowe, gdy kursor znajduje się w widoku przeglądarki:
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Otwórz ostatnio używany panel. | Command + Option + I | F12 lub Ctrl + 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 Funkcja + F1 | ? lub F1 |
| Zaznacz następny panel | Command + ] | Control + ] |
| Zaznacz poprzedni panel | Command + [ | Control + [ |
| Wróć do ostatniej pozycji dokowania. Jeśli przez całą sesję Narzędzia deweloperskie były w domyślnej pozycji, ten skrót oddokuje je do oddzielnego okna. | Command + Shift + D | Control + Shift + D |
| Przełącz Tryb urządzenia. | Command + Shift + M | Control + Shift + M |
| Przełą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. | Ucieczka | Ucieczka |
| Normalne wczytywanie | Command + R | F5 lub Control + R |
| Twarde przeładowanie | 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, Wydajność, Pamięć, Profilowanie JavaScriptu i Szybkie źródło. | Command + F | Control + F |
| Otwiera kartę Szukaj w panelu, która umożliwia wyszukiwanie tekstu we wszystkich załadowanych 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 + - |
| Przywracanie domyślnego poziomu powiększenia | Command + 0 | Control + 0 |
| Uruchom fragment | Naciśnij Command + O, aby otworzyć menu Command, a następnie wpisz !. a następnie nazwę skryptu i naciśnij Enter. | Naciśnij Control + O, aby otworzyć menu polecenia, a następnie wpisz !. a następnie 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 nad / pod zaznaczonym elementem. | Strzałka w górę / Strzałka w dół | Strzałka w górę / Strzałka w dół |
| Rozwiń aktualnie wybrany węzeł. Jeśli węzeł jest już rozwinięty, ten skrót wybiera element poniżej | Strzałka w prawo | Strzałka w prawo |
| Zwiń aktualnie wybrany węzeł. Jeśli węzeł jest już zwinięty, ten skrót wybiera element nad nim. | Strzałka w lewo | Strzałka w lewo |
| Rozwiń lub zwiń wybrany węzeł i wszystkie jego elementy podrzędne | Przytrzymaj klawisz Option, a następnie kliknij ikonę strzałki obok nazwy elementu. | Przytrzymaj Ctrl + Alt, a następnie kliknij ikonę strzałki obok nazwy elementu. |
| Przełącz tryb Edytuj atrybuty w przypadku aktualnie wybranego elementu. | Enter | Enter |
| Wybieranie następnego lub poprzedniego atrybutu po przejściu do trybu Edytuj atrybuty | Tab / Shift + Tab | Tab / Shift + Tab |
| Ukrywanie aktualnie wybranego elementu | H | H |
| Przełącz tryb Edytuj jako HTML w przypadku aktualnie wybranego elementu. | Funkcja + F2 | F2 |
Skróty klawiszowe w panelu Styl
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Przejdź do wiersza, w którym zadeklarowano wartość właściwości. | Przytrzymaj klawisz Command, a potem kliknij wartość właściwości. | Przytrzymaj klawisz Ctrl, a następnie kliknij wartość właściwości. |
| Przechodzenie między regułami CSS | Strzałka w górę / Strzałka w dół | Strzałka w górę / Strzałka w dół |
| Przechodzenie przez właściwości i ich ustawienia w wartościach właściwości w ramach reguły CSS | Strzałka w lewo / Strzałka w prawo | Strzałka w lewo / Strzałka w prawo |
| Otwieranie tooltipa wartości CSS po skupieniu się na funkcji w wartości właściwości (np. var, calc, clamp itp., oznaczonej kropkowanym podkreśleniem) | Option + strzałka w dół | Alt + strzałka w dół |
| Zmień reprezentację wartości koloru (np. RGB, szesnastkowy, oklch itp.) | Przytrzymaj klawisz Shift, a następnie kliknij pole Podgląd koloru obok wartości. | Przytrzymaj klawisz Shift, a następnie kliknij pole Podgląd koloru obok wartości. |
| Edytowanie właściwości lub wartości następnej / poprzedniej | Kliknij nazwę lub wartość właściwości, a następnie naciśnij Tab lub Shift + Tab. | Kliknij nazwę lub wartość właściwości, a następnie naciśnij Tab lub Shift + Tab. |
| Zwiększanie lub zmniejszanie wartości właściwości o 0,1 | Kliknij wartość, a następnie naciśnij Option + strzałka w górę lub Option + strzałka w dół. | Kliknij wartość, a następnie naciśnij Alt + strzałka w górę / Alt + strzałka w dół. |
| zwiększać lub zmniejszać wartość właściwości o 1, | Kliknij wartość, a następnie naciśnij strzałkę w górę lub strzałkę w dół. | Kliknij wartość, a następnie naciśnij strzałkę w górę lub strzałkę w dół. |
| Zwiększanie lub zmniejszanie wartości 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ę lub Command + strzałka w dół. | Kliknij wartość, a następnie naciśnij Control + strzałka w górę lub Control + strzałka w dół. |
| Przełączanie się między stopniami (deg), gradami (grad), radianami (rad) i obrotami (turn) w przypadku wartości kąta. | Przytrzymaj klawisz Shift, a potem kliknij pole Podgląd kąta obok wartości. | Przytrzymaj klawisz Shift, a potem kliknij pole Podgląd kąta obok wartości. |
| Zwiększanie lub zmniejszanie wartości kąta o 1 | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij strzałkę w górę lub strzałkę w dół. | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij strzałkę w górę lub strzałkę w dół. |
| Zwiększanie lub zmniejszanie wartości 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ększanie lub zmniejszanie wartości kąta o 15° | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Shift i kliknij Nakładka zegara na kąt. | Kliknij pole Podgląd kąta obok wartości, a następnie naciśnij Shift i kliknij Nakładka zegara na kąt. |
Skróty klawiszowe w panelu źródeł
| 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 + \ |
| Pomiń następne wywołanie funkcji | F10 lub Command + ' | F10 lub Control + ' |
| Przejdź do następnego wywołania funkcji | F11 lub Command + ; | F11 lub Control + ; |
| Wyjście z bieżącej funkcji | Shift + F11 lub Command + Shift + ; | Shift + F11 lub Control + Shift + ; |
| Wznawianie od określonego wiersza kodu podczas pauzy | Przytrzymaj klawisz Command, a następnie kliknij wiersz kodu. | Przytrzymaj klawisz Ctrl, a następnie kliknij wiersz kodu. |
| Wybierz ramkę połączenia pod / nad aktualnie wybraną ramką | 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 wiersza o podanym numerze w bieżącym pliku | Naciśnij Command + O, aby otworzyć Menu polecenia, wpisz :, a następnie numer wiersza i naciśnij Enter. | Naciśnij Ctrl + O, aby otworzyć menu polecenia, wpisz :, a następnie numer wiersza i naciśnij Enter. |
| Przejdź do kolumny w otwartym pliku (np. wiersz 5, kolumna 9) | Naciśnij Command + O, aby otworzyć Menu polecenia, wpisz :, a następnie numer wiersza, kolejny :, a następnie numer kolumny i naciśnij Enter. | Naciśnij Control + O, aby otworzyć menu polecenia, wpisz :, a następnie numer wiersza, kolejny : i numer kolumny, a następnie naciśnij Enter. |
| Przejdź do deklaracji funkcji (jeśli otwarty jest plik HTML lub skrypt) albo do zestawu reguł (jeśli otwarty jest plik arkusza stylów). | Naciśnij Command + Shift + O, a następnie wpisz nazwę deklaracji lub zestawu reguł albo wybierz ją z listy opcji. | Naciśnij Control + Shift + O, a następnie 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ę | Funkcja + Command + w górę lub w dół | Ctrl + Page Up lub Page Down |
| Przełącz pasek boczny Nawigacja po lewej stronie. | Command + Shift + Y | Control + Shift + Y |
| Przełącz Debugger 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 do kursora | Opcja + Delete | Control + Delete |
| Dodawanie i usuwanie punktu przerwania w linii kodu | Umieść kursor na linii, a potem naciśnij Command + B. | Umieść kursor na linii, a potem naciśnij Control + B. |
| Otwórz okno edycji punktu przecięcia, aby edytować punkty przecięcia warunkowego lub punkty logowania. | Umieść kursor na linii, a następnie naciśnij Command + Alt + B. | Umieść kursor na linii, a potem naciśnij Control + Alt + B. |
| Otwórz okno Warunkowy punkt przerwania. | Command + kliknij numer wiersza | Control + kliknij numer wiersza |
| Otwórz okno punkt logowania. | Command + Shift + kliknij numer wiersza | Control + Shift + kliknij numer wiersza |
| Przejdź do dopasowania nawiasów | Control + M | Control + M |
| Przełącz komentarz do wiersza. Jeśli wybrano wiele wierszy, narzędzia dla deweloperów dodają komentarz na początku każdego z nich. | Command + / | Control + / |
| Zaznacz lub odznacz kolejne wystąpienie słowa, na którym znajduje się kursor. Każde wystąpienie jest podświetlane jednocześnie. | Command + D / Command + U | Control + D / Control + U |
Skróty klawiszowe w panelu sieci
| Działanie | Mac | Windows / Linux |
|---|---|---|
| wyszukiwanie nagłówków, ładunków i odpowiedzi; | Command + F | Control + F |
| Rozpocznij / zatrzymaj nagrywanie | Command + E | Control + E |
| Rejestrowanie ponownego wczytywania | Command + R | Control + R |
| Powtórz wybrane żądanie XHR | R | R |
| Ukrywanie szczegółów wybranego żądania | Ucieczka | Ucieczka |
Skróty klawiszowe w panelu wydajności
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Rozpocznij / zatrzymaj nagrywanie | Command + E | Control + E |
| Zapisz makro | Command + S | Control + S |
| Wczytaj nagranie | Command + O | Control + O |
Skróty klawiszowe w panelu pamięci
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Rozpocznij / zatrzymaj nagrywanie | Command + E | Control + E |
Skróty klawiszowe w panelu konsoli
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Akceptowanie sugestii autouzupełniania | Strzałka w prawo lub Tab | Strzałka w prawo lub Tab |
| Odrzuć sugestię autouzupełniania | Ucieczka | Ucieczka |
| Przewijanie listy autouzupełniania w górę i w dół | W górę / W dół lub Control + P / N | W górę / W dół lub Control + P / N |
| Pobieranie poprzedniego wyciągu | strzałka w górę, | strzałka w górę, |
| Wyświetlanie następnego zestawienia | Strzałka w dół | Strzałka w dół |
| Otwórz Konsolę. | Control + ` | Control + ` |
| Wyczyść konsolę | Command + K lub Option + L | Control + L |
| Wymuś wpis wielowierszowy. Pamiętaj, że Narzędzia deweloperskie powinny domyślnie wykrywać scenariusze wielowierszowe, więc ten skrót jest zwykle niepotrzebny. | Shift + Return | Shift+Enter |
| Wykonaj | Zwrot | Enter |
| Rozwijanie wszystkich usług podrzędnych obiektu, który został zarejestrowany w Konsoli | Przytrzymaj Alt, a następnie kliknij Rozwiń >. | Przytrzymaj Alt, a następnie kliknij Rozwiń >. |
Skróty klawiszowe na karcie wyszukiwania
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Rozwiń/zwiń wszystkie wyniki wyszukiwania | Command + Option + { lub } | Control + Shift + { lub } |
Skróty klawiszowe w panelu rejestratora
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Rozpoczynanie i zatrzymywanie nagrywania | Command + E | Control + E |
| Odtwarzanie nagrania | Command + Enter | Control + Enter |
| Kopiowanie nagrania lub wybranego kroku | Command + C | Control + C |
| Przełącz widok kodu | Command + B | Control + B |
Skróty klawiszowe w panelu Warstwy
| Działanie | Mac | Windows / Linux |
|---|---|---|
| Przesuwanie diagramu wzdłuż osi X i Y | W (w górę), A (w lewo), S (w dół), D (w prawo) | W (w górę), A (w lewo), S (w dół), D (w prawo) |
| Przełącz tryb przesuwania | X | X |
| Przełącz tryb obracania | V | V |
| Zresetuj położenie i obrót diagramu | 0 | 0 |
| Powiększ diagram | Shift + + lub kółko myszy w górę | Shift + + lub kółko myszy w górę |
| Pomniejsz schemat | Shift + - lub kółko myszy w dół | Shift + - lub kółko myszy w dół |