Aby śledzić zmiany kodu wprowadzone w Narzędziach deweloperskich, użyj panelu Zmiany.
Omówienie
W panelu Zmiany możesz śledzić wprowadzane zmiany, aby:
- HTML w źródłach z włączonymi lokalnymi zastąpieniami
- CSS w sekcji Elementy > Style lub Źródła.
- JavaScript w źródłach
Panel Zmiany zawiera tylko zmiany wprowadzone w Narzędziach deweloperskich. Jeśli ponownie załadujesz Narzędzia deweloperskie lub stronę, zmiany znikną.
Aby zmiany w Narzędziach deweloperskich były zachowywane podczas wczytywania stron, wykonaj czynności opisane w sekcji Zastąpienia lokalne.
Aby umożliwić Narzędziom deweloperskim zapisywanie zmian w źródłach lokalnych, wykonaj czynności opisane w artykule Edytuj i zapisuj pliki w Google Workspaces.
Otwórz panel Zmiany
Aby otworzyć panel Zmiany:
Aby otworzyć menu poleceń, naciśnij Command + Shift + P (Mac) lub Control + Shift + P (Windows, Linux, ChromeOS).
Zacznij pisać
changes, wybierz Pokaż zmiany i naciśnij Enter.
Możesz też w prawym górnym rogu kliknąć Dostosowywanie i sterowanie Narzędziami deweloperskimi > Więcej narzędzi > Zmiany.
Domyślnie narzędzia dla deweloperów wyświetlają panel Zmiany na dole okna narzędzi w sekcji Menu.
Wyświetlanie i analizowanie zmian
Aby wyświetlić zmiany:
- Otwórz Narzędzia deweloperskie.
Wprowadzanie zmian w źródłach:
- HTML: najpierw włącz lokalne zastąpienia, a potem wprowadź zmiany w sekcji Źródła.
- CSS w sekcji Elementy > Style lub Źródła.
- JavaScript w źródłach
Otwórz panel Zmiany i wybierz plik po prawej stronie panelu.
Sprawdź dane wyjściowe
diff, które wskazują:
Panel Zmiany automatycznie ładuje wynik diff, dzięki czemu nie musisz przewijać poziomo, aby zobaczyć zmiany na jednym wierszu.
Kopiowanie zmian w pliku CSS
Jeśli w sekcji Elementy > Style wprowadzisz zmiany w pliku CSS, możesz je wszystkie skopiować za pomocą jednego przycisku:
Otwórz panel Zmiany i po prawej stronie wybierz plik CSS, w którym wprowadziłeś zmiany.
U dołu panelu Zmiany kliknij
przycisk Kopiuj.
Cofanie wszystkich zmian wprowadzonych w pliku
Aby cofnąć zmiany wprowadzone w pliku:
- Po lewej stronie panelu Zmiany wybierz plik z zmianami, które chcesz cofnąć.
- Na pasku działań u dołu kliknij
Cofnij wszystkie zmiany bieżącego pliku.
