Ce trebuie să știți
-
În Safari: faceți clic dreapta pe o pagină web și selectați Inspectați elementul.
- În Chrome, puteți face clic dreapta și faceți clic pe Inspectați.
- Pentru a activa funcția în Safari: Safari > Preferințe > Avansat > Afișați meniul Dezvoltare în bara de meniu caseta.
Acest articol vă învață cum să inspectați elementul unui site web pe Mac. Se uită la cum se face acest lucru prin Safari și Google Chrome.
Cum folosiți funcția de inspectare a elementului pe un Mac?
Înainte de a inspecta elementele pe Mac când utilizați Safari, trebuie să activați meniul pentru dezvoltatori din browser. Iată cum să-l porniți și ce trebuie să faceți pentru a inspecta un element.
Dacă puteți vedea Dezvoltare între marcaje și fereastră, meniul pentru dezvoltatori a fost deja activat și puteți sări la pasul 4.
Folosirea funcției Inspectare element în Safari
Iată cum să utilizați Inspect Element în Safari, browserul implicit pe computerele Mac.
-
În Safari, faceți clic pe Safari > Preferințe.
Image -
Faceți clic pe Avansat.
Image -
Faceți clic pe Afișați meniul Dezvoltare în bara de meniu, apoi închideți fereastra.
Image - Când navigați pe un site web, faceți clic dreapta pe articolul pe care doriți să-l inspectați.
-
Faceți clic pe Inspectați elementul.
Image -
Acum puteți vedea codul din spatele site-ului web pe care l-ați inspectat.
Image
Folosirea funcției Inspectare element în Chrome pe un Mac
Dacă utilizați Chrome în loc de Safari pe Mac, este și mai ușor să vizualizați un element, deoarece nu este nevoie să activați funcția. Iată ce trebuie să faceți.
- În Chrome, navigați la un site web.
- Clic dreapta pe elementul pe care doriți să-l inspectați.
-
Faceți clic pe Inspectați.
Image -
Acum puteți vedea codul într-o fereastră laterală pe Chrome.
Image
De ce nu pot inspecta pe Mac-ul meu?
Este posibil să nu puteți inspecta un element pe Mac dacă nu ați activat meniul Dezvoltator din Safari. Iată un memento despre cum să o faci.
-
În Safari, faceți clic pe Safari > Preferințe.
Image -
Faceți clic pe Avansat.
Image -
Faceți clic pe Afișați meniul Dezvoltare în bara de meniu, apoi închideți fereastra.
Image
Cum să faceți modificări pe site-ul web prin inspectarea elementului
Pe lângă faptul că vă permite să vizualizați codul pe un site web, este, de asemenea, posibil să schimbați temporar orice element de site prin intermediul Inspect Element. Iată cum să faceți acest lucru prin Safari.
Procesul este foarte similar pe alte browsere.
- Când navigați pe un site web, faceți clic dreapta pe articolul pe care doriți să-l inspectați.
- Faceți clic pe Inspectați elementul.
- Dublu clic pe textul din cod pentru a-l face editabil.
- Ștergeți-l sau introduceți un șir nou de text.
- Atinge Enter.
- Codul a fost acum schimbat temporar doar în beneficiul dvs.
De ce ați dori să utilizați funcția de inspectare a elementului?
A putea inspecta un element este util din multe motive.
- Pentru a schimba codul din mers. Designerii de site-uri web pot schimba temporar lucrurile pe un site web pentru a vedea cum afectează schimbările.
- Pentru a verifica codul. Atât designerii, cât și oamenii de marketing pot verifica codul pentru a confirma că lucruri precum detaliile Google Analytics există.
- Pentru a vizualiza imagini separat de un site. Dacă un site nu vă permite să deschideți o imagine într-o filă sau fereastră nouă, vizualizarea elementului face posibilă.
-
Tinker. Vederea codului unei pagini web vă poate ajuta să înțelegeți ceea ce vedeți, înlăturând misterul despre ce și de ce din ce se întâmplă cu site-ul pe care vă aflați. Este ca și cum ai demonta un aparat pentru a vedea cum funcționează, dar nu există șuruburi de pierdut în acest caz.
Întrebări frecvente
Este legal să inspectezi un site web?
Da. Cu toate acestea, dacă intenționați să utilizați orice cod sau elemente de pe un site web, asigurați-vă că consultați proprietarul și adăugați o notă privind drepturile de autor.
Cum copiez HTML de pe un site web cu element de inspectare?
În Chrome, faceți clic dreapta pe pagină și selectați Inspectați, apoi accesați secțiunea de sus și faceți clic dreapta pe etichetă (de ex.). Selectați Copy > Copy outerHTML, apoi inserați codul într-un fișier text sau HTML.
Pot copia CSS de pe un site web cu element de inspectare?
Da. Faceți clic dreapta pe elementul pe care doriți să îl copiați și alegeți Inspect. Faceți clic dreapta pe codul evidențiat și selectați Copy > Copy styles.
Cum văd parolele mele salvate folosind elementul de inspectare?
Pentru a dezvălui parolele ascunse, faceți clic dreapta pe caseta de text pentru parolă și selectați Inspectați. În secțiunea evidențiată, căutați type=”parolă” și înlocuiți parola cu text. Există modalități mai simple de a vă afișa toate parolele în Chrome.
