DevTools
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.
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
Pomoc AI
Statystyki w konsoli i pomoc AI ułatwiają debugowanie i poprawianie błędów w JavaScript, wydajności i stylu.
Interpretowanie skuteczności
Uzyskaj kompleksowy i przydatny w praktyce wgląd w skuteczność strony.
Sprawdzanie zasobów
Dowiedz się, jak sprawdzić zasoby wczytywane przez stronę i je edytować w przeglądarce.
Analiza sieci
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.
Rozpocznij
Skorzystaj z możliwości, jakie daje Gemini, aby analizować i ulepszać styl, sieć, źródła i wydajność witryny.
Daj się zainspirować
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.
Interpretowanie komunikatów w konsoli
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.
Rejestrowanie i analiza zrzutu wydajności
Dowiedz się, jak rejestrować ślad wydajności w Narzędziach deweloperskich i analizować go, aby identyfikować i rozwiązywać problemy z wydajnością.
Monitorowanie podstawowych wskaźników internetowych na żywo
Debuguj problemy z LCP i używaj danych CrUX, aby sprawdzić, czy usterka dotyczyła podobnych wrażeń użytkowników.
Pamięć podręczna wyjaśniona
Poznaj różne typy pamięci podręcznej przeglądarki oraz sposoby jej sprawdzania i zarządzania nią w narzędziach programistycznych Chrome.
Zatrzymywanie ekranu i sprawdzanie znikających elementów
Próbujesz sprawdzić element, a on znika? Wygląda na to, że Twój kod bawi się w chowanego.
uzyskiwać statystyki 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.
Omówienie narzędzia do mierzenia skuteczności
Poznaj wszystkie funkcje panelu Wydajność: m.in. jak rejestrować ślad wydajności, wyświetlać i analizować ślad oraz inne.
Przyszłość narzędzi do pomiaru skuteczności
Panel Wydajność pomaga programistom mierzyć i optymalizować wydajność w czasie działania od ponad 15 lat. Dowiedz się, jak będzie się ona rozwijać.
Dodawanie adnotacji do śladów wydajności
Dodawaj adnotacje do ścieżek na miejscu i zapisuj je bezpośrednio w pliku ścieżki, aby można było je łatwo udostępniać.
Nowości i aktualności
Sprawdzanie i edytowanie zasobów
Dokumentacja funkcji
Poznaj wszystkie funkcje w panelu Źródła: jak wyświetlać i edytować pliki, debugować JavaScript i konfigurować obszar roboczy.
Konfigurowanie obszaru roboczego
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.
Analiza aktywności sieciowej
Panel sieci
Poznaj wszystkie funkcje panelu sieci: sprawdzanie treści odpowiedzi i żądań, zastępowanie nagłówków i inne.
Sprawdzanie aktywności w sieci
praktyczny samouczek, który poprowadzi Cię przez typowe czynności w panelu sieci;
Więcej narzędzi
Poznaj wszystkie inne funkcje i możliwości w Narzędziach deweloperskich.
Elementy
Dowiedz się, jak wyświetlić i zmienić DOM strony.
Style
Dowiedz się, jak wyświetlić i zmienić kod CSS strony.
Przesiadki
Śledzenie zmian w kodach HTML, CSS i JavaScript.
Konsola
Rejestruj komunikaty i uruchamiaj JavaScript.
Wydajność
Ocena skuteczności witryny.
Pamięć
Znajdź problemy z pamięcią wpływające na wydajność strony, w tym wycieki pamięci.
Aplikacja
Sprawdzaj, modyfikuj i debuguj aplikacje internetowe, testuj pamięć podręczną i przeglądaj pamięć masową.
Animacje
Sprawdzanie i modyfikowanie animacji.
Nagrywanie
Nagrywaj, odtwarzaj ponownie, mierz przepływy użytkowników i edytuj ich kroki.
Renderowanie
Poznaj kolekcję opcji wpływających na renderowanie treści internetowych.
Autouzupełnianie
sprawdzać i debugować zapisane adresy,
Problemy
Wykryj i rozwiąż problemy z witryną.
Prywatność i bezpieczeństwo
Upewnij się, że strona jest w pełni chroniona przez HTTPS.
Multimedia
Wyświetlanie informacji i debugowanie odtwarzaczy multimedialnych na poszczególnych kartach przeglądarki.
Czujniki
Emuluj czujniki urządzenia.
WebAuthn
Emuluj uwierzytelnianie.