Co warto wiedzieć
-
W Safari: Kliknij prawym przyciskiem myszy stronę internetową i wybierz Sprawdź element.
- W Chrome możesz kliknąć prawym przyciskiem myszy i kliknąć Sprawdź.
- Aby włączyć tę funkcję w Safari: Safari > Preferencje > Zaawansowane > sprawdź Pokaż menu Develop na pasku menu pole.
W tym artykule dowiesz się, jak sprawdzić element witryny na komputerze Mac. Omówiono, jak to zrobić za pośrednictwem Safari i Google Chrome.
Jak korzystać z funkcji sprawdzania elementów na komputerze Mac?
Przed sprawdzeniem elementów na Macu podczas korzystania z Safari musisz włączyć menu programisty w przeglądarce. Oto spojrzenie na to, jak go włączyć i co zrobić, aby sprawdzić element.
Jeśli widzisz opcję Rozwijaj między zakładkami a oknem, oznacza to, że menu programisty zostało już włączone i możesz przejść do kroku 4.
Korzystanie z funkcji sprawdzania elementów w Safari
Oto jak używać Inspect Element w Safari, domyślnej przeglądarce na komputerach Mac.
-
W Safari, kliknij Safari > Preferencje.
Image -
Kliknij Zaawansowane.
Image -
Kliknij Pokaż menu rozwijania na pasku menu, a następnie zamknij okno.
Image - Podczas przeglądania witryny kliknij prawym przyciskiem myszy element, który chcesz sprawdzić.
-
Kliknij Sprawdź element.
Image -
Możesz teraz wyświetlić kod witryny, którą sprawdziłeś.
Image
Korzystanie z funkcji Sprawdź element w przeglądarce Chrome na komputerze Mac
Jeśli używasz przeglądarki Chrome zamiast Safari na komputerze Mac, wyświetlanie elementu jest jeszcze łatwiejsze, ponieważ nie ma potrzeby włączania tej funkcji. Oto, co należy zrobić.
- W Chrome przejdź do witryny.
- Kliknij prawym przyciskiem myszy element, który chcesz sprawdzić.
-
Kliknij Sprawdź.
Image -
Teraz możesz wyświetlić kod w bocznym oknie przeglądarki Chrome.
Image
Dlaczego nie mogę sprawdzić na moim Macu?
Możesz nie być w stanie sprawdzić elementu na komputerze Mac, jeśli nie włączyłeś menu Deweloper w przeglądarce Safari. Oto przypomnienie, jak to zrobić.
-
W Safari, kliknij Safari > Preferencje.
Image -
Kliknij Zaawansowane.
Image -
Kliknij Pokaż menu rozwijania na pasku menu, a następnie zamknij okno.
Image
Jak wprowadzać zmiany na stronie internetowej, sprawdzając element
Oprócz możliwości wyświetlenia kodu na stronie internetowej, istnieje również możliwość tymczasowej zmiany dowolnego elementu strony internetowej za pomocą Inspect Element. Oto jak to zrobić przez Safari.
Proces jest bardzo podobny w innych przeglądarkach.
- Podczas przeglądania witryny kliknij prawym przyciskiem myszy element, który chcesz sprawdzić.
- Kliknij Sprawdź element.
- Kliknij dwukrotnie tekst w kodzie, aby umożliwić jego edycję.
- Usuń go lub wprowadź nowy ciąg tekstu.
- Dotknij Enter.
- Kod został tymczasowo zmieniony tylko dla Twojej korzyści.
Dlaczego miałbyś chcieć korzystać z funkcji sprawdzania elementu?
Możliwość sprawdzenia elementu jest pomocna z wielu powodów.
- Aby zmienić kod w locie. Projektanci stron internetowych mogą tymczasowo zmieniać elementy na stronie internetowej, aby zobaczyć, jak zmiany wpływają na rzeczy.
- Aby sprawdzić kod. Zarówno projektanci, jak i specjaliści ds. marketingu mogą sprawdzić kod, aby potwierdzić, że takie informacje jak dane Google Analytics są tam dostępne.
- Aby oglądać obrazy oddzielnie od witryny. Jeśli witryna nie pozwala na otwarcie obrazu w nowej karcie lub oknie, wyświetlenie elementu umożliwia to.
-
Tinker. Zobaczenie kodu strony internetowej może pomóc Ci zrozumieć, co widzisz, usuwając tajemnicę, co i dlaczego dzieje się z witryną, na której się znajdujesz. To jak rozbieranie urządzenia, aby zobaczyć, jak działa, ale w tym przypadku nie ma żadnych śrub.
FAQ
Czy kontrola witryny internetowej jest legalna?
Tak. Jeśli jednak planujesz użyć dowolnego kodu lub zasobów ze strony internetowej, skontaktuj się z właścicielem i dodaj notatkę o prawach autorskich.
Jak skopiować kod HTML ze strony internetowej z elementem inspekcji?
W Chrome kliknij stronę prawym przyciskiem myszy i wybierz Sprawdź, a następnie przejdź do górnej sekcji i kliknij prawym przyciskiem myszy tag (np.). Wybierz Kopiuj > Kopiuj zewnętrznyHTML, a następnie wklej kod do pliku tekstowego lub HTML.
Czy mogę skopiować CSS ze strony internetowej z elementem inspekcji?
Tak. Kliknij prawym przyciskiem myszy element, który chcesz skopiować i wybierz Sprawdź. Kliknij prawym przyciskiem myszy podświetlony kod i wybierz Kopiuj > Kopiuj style.
Jak mogę zobaczyć moje zapisane hasła przy użyciu elementu inspekcji?
Aby odkryć ukryte hasła, kliknij prawym przyciskiem myszy pole tekstowe hasła i wybierz Sprawdź. W podświetlonej sekcji poszukaj type=”password” i zastąp password text. Istnieją prostsze sposoby wyświetlania wszystkich haseł w Chrome.
