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
Wszystkie sposoby otwierania Narzędzi deweloperskich w Chrome.
Bądź na bieżąco z najnowszymi zmianami w Narzędziach deweloperskich.
Seria krótkich filmów, które ułatwiają poznanie funkcji Narzędzi deweloperskich.

Polecenia i skróty

Szybko wykonuj zadania.
Możesz otwierać menu poleceń, uruchamiać polecenia, otwierać pliki, przeglądać inne działania i wykonywać inne czynności.
Przeczytaj dokument
Pełne omówienie skrótów klawiszowych.
Przeczytaj dokument
Sprawdź, jak wygląda i działa strona internetowa po wyłączeniu JavaScriptu.
Przeczytaj dokument
Można symulować urządzenia, aby tworzyć witryny dostosowane do urządzeń mobilnych.
Znajdź tekst we wszystkich załadowanych zasobach za pomocą panelu Szukaj.

Panele

Odkryj możliwości poszczególnych paneli narzędzi dla deweloperów.
Dowiedz się, jak wyświetlić i zmienić DOM strony.
Przeczytaj materiały
Dowiedz się, jak wyświetlić i zmienić kod CSS strony.
Przeczytaj materiały
Rejestruj komunikaty i uruchamiaj JavaScript.
Przeczytaj materiały
Wyświetlaj i edytuj pliki, twórz fragmenty kodu, debuguj JavaScript i konfiguruj obszar roboczy.
Przeczytaj materiały
Rejestruje żądania sieciowe.
Przeczytaj materiały
Ocena skuteczności witryny.
Przeczytaj materiały
Znajdź problemy z pamięcią wpływające na wydajność strony, w tym wycieki pamięci.
Przeczytaj materiały
Sprawdzaj, modyfikuj i debuguj aplikacje internetowe, testuj pamięć podręczną i przeglądaj pamięć masową.
Przeczytaj materiały
Nagrywaj, odtwarzaj ponownie, mierz przepływy użytkowników i edytuj ich kroki.
Przeczytaj materiały
Poznaj kolekcję opcji wpływających na renderowanie treści internetowych.
Przeczytaj materiały
sprawdzać i debugować zapisane adresy,
Wykryj i rozwiąż problemy z witryną.
Upewnij się, że strona jest w pełni chroniona przez HTTPS.
Sprawdź obiekty SlateBuffer, TypedSlate lub DataView w języku JavaScript, a także WebAssembly i pamięć aplikacji C++ Wasm.
Zastąp ciąg klienta użytkownika.
Przetestuj swoją witrynę, blokując żądania sieciowe.
Wyświetlanie informacji i debugowanie odtwarzaczy multimedialnych na poszczególnych kartach przeglądarki.
Sprawdzanie i modyfikowanie animacji.
Śledzenie zmian w kodach HTML, CSS i JavaScript.
Znajdź i przeanalizuj nieużywany kod JavaScript i CSS.
Sprawdź, czy mapy źródeł poprawnie się wczytują, i wczytaj je ręcznie.
Określ potencjalne ulepszenia CSS.
Zoptymalizuj szybkość witryny za pomocą panelu Lighthouse.
Uzyskaj przydatne statystyki na temat skuteczności Twojej witryny.
Monitoruj obciążenie i wydajność środowiska wykonawczego.
wyświetlać i edytować pliki źródłowe, mając jednocześnie dostęp do innych paneli.
Emuluj czujniki urządzenia.
Wyświetlanie danych interfejsu WebAudio API.
Emuluj uwierzytelnianie.

Informacje o ustawieniach