Što treba znati
-
U pregledniku Safari: desnom tipkom miša kliknite web-stranicu i odaberite Inspect Element.
- U Chromeu možete kliknuti desnom tipkom miša i kliknuti Inspect.
- Da biste omogućili značajku u Safariju: Safari > Preferences > Advanced > provjerite Prikaži izbornik Razvoj na traci izbornika okvir.
Ovaj članak vas uči kako provjeriti element web stranice na Macu. Objašnjava kako to učiniti putem preglednika Safari i Google Chrome.
Kako koristiti značajku Inspect Element na Macu?
Prije provjere elemenata na Macu kada koristite Safari, morate omogućiti izbornik za razvojne programere unutar preglednika. Evo kako ga uključiti i što učiniti da pregledate element.
Ako vidite Razvijanje između oznaka i prozora, izbornik za razvojne programere već je omogućen i možete preskočiti na korak 4.
Korištenje značajke Inspect Element u Safariju
Evo kako koristiti Inspect Element u Safariju, zadanom pregledniku na Mac računalima.
-
U Safariju kliknite Safari > Preferences.
Image -
Kliknite Napredno.
Image -
Kliknite Prikaži izbornik za razvoj na traci izbornika i zatim zatvorite prozor.
Image - Kada pregledavate web stranicu, desnom tipkom miša kliknite na stavku koju želite pregledati.
-
Kliknite Provjeri element.
Image -
Sada možete vidjeti kod iza web stranice koju ste pregledali.
Image
Korištenje značajke Inspect Element u Chromeu na Macu
Ako koristite Chrome umjesto Safarija na svom Macu, još je lakše vidjeti element jer nema potrebe za omogućavanjem značajke. Evo što treba učiniti.
- U Chromeu pregledajte web mjesto.
- Desni klik na element koji želite pregledati.
-
Kliknite Provjeri.
Image -
Sada možete vidjeti kod u bočnom prozoru na Chromeu.
Image
Zašto ne mogu pregledati na svom Macu?
Možda nećete moći pregledati element na svom Macu ako niste omogućili izbornik za razvojne programere unutar Safarija. Evo podsjetnika kako to učiniti.
-
U Safariju kliknite Safari > Preferences.
Image -
Kliknite Napredno.
Image -
Kliknite Prikaži izbornik za razvoj na traci izbornika i zatim zatvorite prozor.
Image
Kako izvršiti promjene na web stranici pregledom elementa
Osim što vam omogućuje pregled koda 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 vrlo sličan na drugim preglednicima.
- Kada pregledavate web stranicu, desnom tipkom miša kliknite na stavku koju želite pregledati.
- Kliknite Provjeri element.
- Dvaput kliknite na tekst u kodu da biste ga mogli uređivati.
- Izbrišite ga ili unesite novi niz teksta.
- Dodirnite Enter.
- Kôd je sada privremeno promijenjen samo za vašu korist.
Zašto biste htjeli koristiti značajku pregleda elementa?
Mogućnost pregleda elementa korisna je iz mnogo razloga.
- Za promjenu koda u hodu. Dizajneri web stranica mogu privremeno mijenjati stvari na web stranici kako bi vidjeli kako promjene utječu na stvari.
- Za provjeru koda. I dizajneri i ljudi iz marketinga mogu provjeriti kod kako bi potvrdili da postoje stvari kao što su Google Analytics detalji.
- Za gledanje slika odvojeno od stranice. Ako vam web mjesto ne dopušta otvaranje slike u novoj kartici ili prozoru, pregled elementa to omogućuje.
-
Tinker. Gledanje koda web-stranice može vam pomoći da razumijete što vidite, uklanjajući misterij o tome što i zašto se događa s web-mjestom na kojem se nalazite. To je kao da rastavljate uređaj da vidite kako radi, ali u ovom slučaju nema vijaka za izgubiti.
FAQ
Je li legalno pregledavati web stranicu?
Da. Međutim, ako planirate koristiti bilo koji kôd ili sredstva s web stranice, svakako provjerite s vlasnikom i dodajte napomenu o autorskim pravima.
Kako mogu kopirati HTML s web stranice s elementom inspect?
U Chromeu desnom tipkom miša kliknite stranicu i odaberite Inspect, zatim idite na gornji odjeljak i desnom tipkom miša kliknite oznaku (npr.). Odaberite Copy > Copy outerHTML, zatim zalijepite kod u tekstualnu ili HTML datoteku.
Mogu li kopirati CSS s web stranice s elementom inspect?
Da. Desnom tipkom miša kliknite element koji želite kopirati i odaberite Inspect. Desnom tipkom miša kliknite označeni kod i odaberite Copy > Copy styles.
Kako mogu vidjeti svoje spremljene zaporke koristeći inspect element?
Da biste otkrili skrivene lozinke, desnom tipkom miša kliknite tekstualni okvir zaporke i odaberite Provjeri. U označenom odjeljku potražite type=”password” i zamijenite password s text. Postoje jednostavniji načini za prikaz svih vaših zaporki u Chromeu.
