Šta treba znati
-
U Safariju: Desni klik na web stranicu i odaberite Inspect Element.
- U Chromeu možete kliknuti desnim tasterom miša i kliknuti Inspect.
- Da biste omogućili funkciju u Safariju: Safari > Preferences > Napredno 643345 Prikaži meni za razvoj u traci menija okvir.
Ovaj članak vas uči kako pregledati element web stranice na Macu. Gleda se kako to učiniti putem Safarija i Google Chromea.
Kako koristite funkciju Inspect Element na Mac-u?
Prije pregleda elemenata na Mac-u kada koristite Safari, morate omogućiti meni programera unutar pretraživača. Evo pogleda kako ga uključiti i šta učiniti da pregledate element.
Ako možete vidjeti Razviti između oznaka i prozora, meni programera je već omogućen i možete preskočiti na korak 4.
Korišćenje funkcije Inspect Element u Safariju
Evo kako da koristite Inspect Element u Safariju, podrazumevanom pretraživaču na Mac računarima.
-
U Safariju kliknite Safari > Preferences.
Image -
Kliknite Napredno.
Image -
Kliknite Prikaži meni za razvoj u traci menija, a zatim zatvorite prozor.
Image - Kada pretražujete web stranicu, kliknite desnim klikom na stavku koju želite pregledati.
-
Kliknite Inspect Element.
Image -
Sada možete vidjeti kod iza web stranice koju ste pregledali.
Image
Korišćenje funkcije Inspect Element u Chromeu na Mac-u
Ako koristite Chrome umjesto Safari na svom Macu, još je lakše vidjeti element jer nema potrebe za omogućavanjem funkcije. Evo šta da radite.
- U Chromeu, idite na web lokaciju.
- Desni klik na element koji želite da pregledate.
-
Kliknite Inspect.
Image -
Sada možete pogledati kod u bočnom prozoru na Chromeu.
Image
Zašto ne mogu da pregledam na svom Mac-u?
Možda nećete moći da pregledate element na vašem Mac-u ako niste omogućili meni za programere u Safariju. Evo podsjetnika kako to učiniti.
-
U Safariju kliknite Safari > Preferences.
Image -
Kliknite Napredno.
Image -
Kliknite Prikaži meni za razvoj u traci menija, a zatim zatvorite prozor.
Image
Kako izvršiti izmjene na web stranici pregledom elementa
Osim što vam omogućava da vidite kod na web stranici, također je moguće privremeno promijeniti bilo koji element web stranice putem Inspect Element. Evo kako to učiniti putem Safarija.
Proces je veoma sličan na drugim pretraživačima.
- Kada pretražujete web stranicu, kliknite desnim klikom na stavku koju želite pregledati.
- Kliknite Inspect Element.
- Dvaput kliknite na tekst u kodu da ga možete uređivati.
- Izbrišite ili unesite novi niz teksta.
- Tapnite Enter.
- Šifra je sada privremeno promijenjena samo u vašu korist.
Zašto biste željeli koristiti funkciju Inspect Element?
Mogućnost pregleda elementa je korisna iz mnogo razloga.
- Za promjenu koda u hodu. Dizajneri web stranica mogu privremeno promijeniti stvari na web stranici da vide kako promjene utiču na stvari.
- Za provjeru koda. I dizajneri i ljudi iz marketinga mogu provjeriti kod kako bi potvrdili da stvari kao što su detalji Google Analytics postoje.
- Za pregled slika odvojeno od web lokacije. Ako vam web lokacija ne dozvoljava da otvorite sliku u novoj kartici ili prozoru, pregled elementa to omogućava.
-
Tinker. Gledanje koda web stranice može vam pomoći da shvatite šta vidite, uklanjajući misteriju o tome šta i zašto se dešava sa sajtom na kojem se nalazite. To je kao da rastavite uređaj da vidite kako radi, ali u ovom slučaju nema šrafova.
FAQ
Je li legalno pregledati web stranicu?
Da. Međutim, ako planirate koristiti bilo koji kod ili sredstva s web stranice, svakako provjerite s vlasnikom i dodajte napomenu o autorskim pravima.
Kako da kopiram HTML sa web stranice sa elementom inspect?
U Chromeu, kliknite desnim tasterom miša na stranicu i izaberite Inspect, zatim idite na gornji deo i kliknite desnim tasterom miša na oznaku (npr.). Odaberite Copy > Copy outerHTML, zatim zalijepite kod u tekstualnu ili HTML datoteku.
Mogu li kopirati CSS sa web stranice sa elementom inspect?
Da. Desnom tipkom miša kliknite element koji želite kopirati i odaberite Inspect. Desni klik na označeni kod i odaberite Copy > Copy styles.
Kako da vidim svoje sačuvane lozinke koristeći inspect element?
Da otkrijete skrivene lozinke, kliknite desnim tasterom miša na tekstualni okvir lozinke i izaberite Inspect. U označenom odjeljku potražite type=”password” i zamijenite password sa text. Postoje lakši načini za prikaz svih vaših lozinki u Chromeu.
