Narzędzia deweloperskie w Chrome to zestaw wbudowanych w przeglądarkę Google Chrome narzędzi dla programistów stron internetowych. Narzędzia deweloperskie umożliwiają edytowanie stron na bieżąco i szybkie diagnozowanie problemów, co pozwala szybciej tworzyć lepsze witryny.
Rozpocznij Dowiedz się, co nowego
Narzędzie DevTools obsługuje wiele typowych zadań związanych z tworzeniem stron internetowych. Przejdź na tę stronę i poznaj najważniejsze funkcje Narzędzi deweloperskich. Nie wiesz, od czego zacząć? Pierwszy raz używasz Narzędzi deweloperskich? Obejrzyj wprowadzenie do Narzędzi deweloperskich
Statystyki w konsoli i pomoc AI ułatwiają debugowanie i poprawianie błędów w JavaScript, wydajności i stylu.
Uzyskaj kompleksowy i przydatny w praktyce wgląd w skuteczność strony.
Dowiedz się, jak sprawdzić zasoby wczytywane przez stronę i je edytować w przeglądarce.
Analizowanie i zastępowanie żądań sieciowych oraz odpowiedzi na bieżąco.

Pomoc AI i statystyki konsoli

Dowiedz się, jak innowacje w AI w Narzędziach deweloperskich pozwalają Ci robić więcej i szybciej.
Skorzystaj z możliwości, jakie daje Gemini, aby analizować i ulepszać styl, sieć, źródła i wydajność witryny.
Poznaj przypadki użycia pomocy AI w Narzędziach deweloperskich w Chrome i dowiedz się, jak może ona ułatwiać debugowanie stylów, wydajności i innych aspektów.
Poznaj komunikaty i błędy w konsoli w Narzędziach deweloperskich oraz dowiedz się, jak je naprawiać – bez kopiowania i wklejania.

Wskazówki dotyczące Narzędzi deweloperskich

Poznaj naszą comiesięczną serię filmów, w których wyjaśniamy, jak używać Narzędzi deweloperskich do rozwiązywania typowych problemów związanych z tworzeniem stron internetowych.
Dowiedz się, jak rejestrować ślad wydajności w Narzędziach deweloperskich i analizować go, aby identyfikować i rozwiązywać problemy z wydajnością.
Debuguj problemy z LCP i używaj danych CrUX, aby sprawdzić, czy usterka dotyczyła podobnych wrażeń użytkowników.
Poznaj różne typy pamięci podręcznej przeglądarki oraz sposoby jej sprawdzania i zarządzania nią w narzędziach programistycznych Chrome.
Próbujesz sprawdzić element, a on znika? Wygląda na to, że Twój kod bawi się w chowanego.

Statystyki dotyczące wydajności

Szeroki zakres narzędzi do pomiaru i optymalizacji różnych aspektów wydajności w czasie działania: panel Wydajność, Lighthouse i inne.
Poznaj wszystkie funkcje panelu Wydajność: m.in. jak rejestrować ślad wydajności, wyświetlać i analizować ślad oraz inne.
Poznaj nowe funkcje DevTools, np. kalibrację ograniczania procesora, które pomogą Ci podejmować decyzje dotyczące debugowania wydajności na podstawie rzeczywistych danych
Poznaj nowe statystyki wydajności, czyli możliwości Lighthouse, bezpośrednio w panelu Wydajność w Narzędziach deweloperskich.

Nowości i aktualności

Sprawdzanie i edytowanie zasobów

Poznaj wszystkie funkcje w panelu Źródła: jak wyświetlać i edytować pliki, debugować JavaScript i konfigurować obszar roboczy.
Rozpocznij
Workspace umożliwia zapisywanie w Narzędziach deweloperskich zmian wprowadzonych w źródle kodu, które jest przechowywane na komputerze. Dowiedz się, jak skonfigurować obszar roboczy w ramach własnych projektów.
Przeczytaj samouczek

Analizowanie aktywności sieci

Poznaj wszystkie funkcje panelu sieci: sprawdzanie treści odpowiedzi i żądań, zastępowanie nagłówków i inne.
Rozpocznij
praktyczny samouczek, który poprowadzi Cię przez typowe czynności w panelu sieci;
Przeczytaj samouczek

Więcej narzędzi

Poznaj wszystkie inne funkcje i możliwości w Narzędziach deweloperskich.
Dowiedz się, jak wyświetlić i zmienić DOM strony.
Dowiedz się, jak wyświetlić i zmienić kod CSS strony.
Śledzenie zmian w kodach HTML, CSS i JavaScript.
Rejestruj komunikaty i uruchamiaj JavaScript.
Ocena skuteczności witryny.
Znajdź problemy z pamięcią wpływające na wydajność strony, w tym wycieki pamięci.
Sprawdzaj, modyfikuj i debuguj aplikacje internetowe, testuj pamięć podręczną i przeglądaj pamięć masową.
Sprawdzanie i modyfikowanie animacji.
Nagrywaj, odtwarzaj ponownie, mierz przepływy użytkowników i edytuj ich kroki.
Poznaj kolekcję opcji wpływających na renderowanie treści internetowych.
sprawdzać i debugować zapisane adresy,
Wykryj i rozwiąż problemy z witryną.
Upewnij się, że strona jest w pełni chroniona przez HTTPS.
Wyświetlanie informacji i debugowanie odtwarzaczy multimedialnych na poszczególnych kartach przeglądarki.
Emuluj czujniki urządzenia.
Emuluj uwierzytelnianie.