Kaj morate vedeti
-
V brskalniku Safari: z desno miškino tipko kliknite spletno stran in izberite Pregled elementa.
- V Chromu lahko z desno miškino tipko kliknete in kliknete Pregled.
- Če želite omogočiti funkcijo v Safariju: Safari > Preferences > Advanced > preverite Pokaži meni Razvijanje v menijski vrstici polje.
Ta članek vas nauči, kako pregledati element spletnega mesta na Macu. Opisuje, kako to storiti prek brskalnika Safari in Google Chrome.
Kako uporabljate funkcijo pregledovanja elementov v sistemu Mac?
Preden pregledate elemente v Macu, ko uporabljate Safari, morate v brskalniku omogočiti meni za razvijalce. Tukaj je pogled na to, kako ga vklopite in kaj storiti, da pregledate element.
Če vidite možnost Razvijaj med zaznamki in oknom, je meni za razvijalce že omogočen in lahko preskočite na 4. korak.
Uporaba funkcije pregleda elementa v Safariju
Tukaj je opisano, kako uporabljati Inspect Element v Safariju, privzetem brskalniku v računalnikih Mac.
-
V Safariju kliknite Safari > Preferences.
Image -
Kliknite Napredno.
Image -
Kliknite Pokaži meni za razvijanje v menijski vrstici in zaprite okno.
Image - Med brskanjem po spletnem mestu z desno miškino tipko kliknite element, ki ga želite pregledati.
-
Kliknite Pregled elementa.
Image -
Sedaj si lahko ogledate kodo za spletnim mestom, ki ste ga pregledali.
Image
Uporaba funkcije pregledovanja elementov v Chromu v sistemu Mac
Če v računalniku Mac uporabljate Chrome namesto Safarija, je ogled elementa še lažji, saj funkcije ni treba omogočiti. Evo, kaj morate storiti.
- V Chromu pobrskajte po spletnem mestu.
- Desni klik na element, ki ga želite pregledati.
-
Kliknite Pregled.
Image -
Sedaj si lahko ogledate kodo v stranskem oknu v Chromu.
Image
Zakaj ne morem pregledati na svojem Macu?
Morda ne boste mogli pregledati elementa na vašem Macu, če v Safariju niste omogočili menija za razvijalce. Tukaj je opomnik, kako to storiti.
-
V Safariju kliknite Safari > Preferences.
Image -
Kliknite Napredno.
Image -
Kliknite Pokaži meni za razvijanje v menijski vrstici in zaprite okno.
Image
Kako narediti spremembe na spletnem mestu s pregledovanjem elementa
Poleg tega, da vam omogoča ogled kode na spletnem mestu, je možno tudi začasno spremeniti kateri koli element spletnega mesta z možnostjo Inspect Element. Tukaj je opisano, kako to storite prek brskalnika Safari.
Postopek je v drugih brskalnikih zelo podoben.
- Med brskanjem po spletnem mestu z desno miškino tipko kliknite element, ki ga želite pregledati.
- Kliknite Pregled elementa.
- Dvokliknite besedilo v kodi, da ga omogočite urejanje.
- Izbrišite ali vnesite nov niz besedila.
- Tapnite Enter.
- Koda je zdaj začasno spremenjena samo v vašo korist.
Zakaj bi želeli uporabiti funkcijo pregleda elementa?
Možnost pregleda elementa je koristna iz več razlogov.
- Za sprotno spreminjanje kode. Oblikovalci spletnega mesta lahko začasno spremenijo stvari na spletnem mestu, da vidijo, kako spremembe vplivajo na stvari.
- Za preverjanje kode. Oblikovalci in tržniki lahko preverijo kodo in potrdijo, da so stvari, kot so podrobnosti storitve Google Analytics, tam.
- Ogled slik ločeno od spletnega mesta. Če vam spletno mesto ne omogoča odpiranja slike v novem zavihku ali oknu, ogled elementa to omogoči.
-
Tinker. Ogled kode spletne strani vam lahko pomaga razumeti, kaj vidite, in odstrani skrivnost, kaj in zakaj se dogaja s spletnim mestom, na katerem ste. Kot da bi razstavili aparat, da bi videli, kako deluje, vendar v tem primeru ni nobenih vijakov, ki bi jih lahko izgubili.
FAQ
Ali je zakonito pregledovati spletno stran?
Da. Če pa nameravate uporabiti katero koli kodo ali sredstva s spletnega mesta, se posvetujte z lastnikom in dodajte opombo o avtorskih pravicah.
Kako kopiram HTML s spletnega mesta z elementom inspect?
V Chromu z desno miškino tipko kliknite stran in izberite Pregled, nato pojdite na zgornji del in z desno miškino tipko kliknite oznako (npr.). Izberite Copy > Copy outerHTML, nato prilepite kodo v besedilno ali HTML datoteko.
Ali lahko kopiram CSS s spletne strani z elementom inspect?
Da. Z desno miškino tipko kliknite element, ki ga želite kopirati, in izberite Pregled. Z desno miškino tipko kliknite označeno kodo in izberite Kopiraj > Kopiraj sloge.
Kako si ogledam svoja shranjena gesla z uporabo elementa inspect?
Če želite odkriti skrita gesla, z desno miškino tipko kliknite besedilno polje gesla in izberite Pregled. V označenem razdelku poiščite type=”password” in zamenjajte password z text. Obstajajo preprostejši načini za prikaz vseh vaših gesel v Chromu.
