Cum să vizualizați codul articolului din Chrome: 7 pași

Din acest articol, veți învăța cum să vizualizați codul HTML sursă al elementului vizual din versiunea computerului a codului Google pe orice pagină Web.

Pași

unu. Rulați browserul Google Chrome de pe computer. Faceți clic pe o pictogramă rotundă multicoloră, cu un centru albastru. Acesta este situat în folderul "Programe" (Mac) sau în meniul Start (Windows).

Imagine intitulată Inspect Element pe Chrome Pasul 2

2. Faceți clic pe pictograma sub formă de trei puncte situate vertical. Veți găsi la șirul de adrese din colțul din dreapta sus al ferestrei browserului. Deschideți meniul.

Imagine intitulată Inspectul elementului pe cromul 3

3. Alege Instrumente suplimentare în meniu. Submeniul se deschide.

Imagine intitulată Inspectarea elementului pe cromul 4

4. Faceți clic cu Instrumentele dezvoltatorului În submeniu. Panoul Developer se deschide în partea dreaptă a ferestrei browserului.

De asemenea, acest panou poate fi deschis dacă faceți clic pe ⌥ Opțiune+⌘ cmd+I (MAC) sau Ctrl+Alt+I (Windows).

Imagine intitulată Inspectul elementului pe cromul 5

cinci. Mouse-ul peste elementul de pe panoul dezvoltatorului. Acest element va fi evidențiat pe o pagină web.

Imagine intitulată Inspect Element pe Chrome Pasul 6

6. Faceți clic dreapta pe elementul de pe pagina web, codul pe care doriți să îl vizualizați. Deschideți meniul.

Imagine intitulată Inspectul elementului pe cromul 7

7. Alege Vizualizați codul în meniu. Conținutul panoului de dezvoltator va defila automat la elementul selectat, iar codul său va fi evidențiat.

Nu este nevoie să deschideți manual panoul dezvoltatorului. Când faceți clic pe "Afișați codul", panoul dezvoltator se va deschide automat.