Cum să vizualizați codul sursă HTML al unei pagini Web

Toate browserele de Internet permit utilizatorilor să vizualizeze codul sursă HTML al oricărei pagini web pe care o vizitează. Următoarele secțiuni conțin informații despre multiple căi de vizualizare a codului sursă în fiecare dintre cele mai importante browsere. Pentru a continua, alegeți o intrare din lista de mai jos și urmați instrucțiunile pentru acea secțiune.

Când vizualizați codul sursă al unei pagini Web, este important să rețineți că informațiile și codul neacceptat de server nu vor apărea. De exemplu, aproape toate motoarele de căutare pe Internet procesează informații pe un server și apoi afișează rezultatele pe o pagină Web. Cu alte cuvinte, puteți vedea codul care alcătuieste pagina de rezultate, dar nu puteți vedea codul sursă al motorului de căutare.

Această regulă se aplică tuturor scripturilor de pe server, SSI și codului de programare. Prin urmare, funcțiile, cum ar fi motoarele de căutare, forumurile, sondajele, chat-ul și altele, nu își vor afișa codul. Copierea informațiilor din codul sursă poate duce la erori sau poate să vă îndrepte înapoi către pagina din care ați copiat informațiile.

Utilizatorii Microsoft Edge

Pentru a vedea codul sursă al unei pagini Web în Microsoft Edge, urmați pașii de mai jos.

  1. Apăsați Ctrl + U sau F12 pe tastatura computerului.
  2. Selectați fila Elemente din partea de sus a ferestrei din dreapta.

Sau

Sau

  1. Deschideți Microsoft Edge și navigați la pagina web la alegere.
  2. Faceți clic pe Mai mult

    în colțul din dreapta sus al ecranului.
  3. Selectați Instrumente pentru dezvoltatori din meniul derulant care apare.
  4. Selectați fila Elemente din partea de sus a ferestrei din dreapta.

Sfat: În Microsoft Edge, instrumentul DOM furnizează, de asemenea, interacțiunea cu codul sursă și setările CSS, permițând utilizatorilor să vadă cum schimbările din cod afectează imediat pagina web.

Utilizatorii Microsoft Internet Explorer

Pentru a vedea codul sursă al unei pagini web în Microsoft Internet Explorer, urmați pașii de mai jos.

  1. Apăsați Ctrl + U sau F12 pe tastatura computerului.
  2. Faceți clic pe fila Debugger din partea de sus a noului meniu.

Sau

Sau

  1. Deschideți Internet Explorer și navigați la pagina Web la alegere.
  2. Apăsați tasta Alt pentru a afișa bara de meniuri a browserului.
  3. Selectați Vizualizare, apoi Sursă din meniul derulant care apare.
  4. Faceți clic pe fila Debugger din partea de sus a noului meniu.

Sfat: Cu cele mai recente versiuni ale Internet Explorer, apăsând tasta F12 aduceți instrumentul DOM. Acest instrument oferă o interacțiune mult mai mare cu codul sursă și setările CSS, permițând utilizatorilor să vadă cum schimbările din cod afectează imediat pagina web.

Utilizatorii Mozilla Firefox și Netscape

Pentru a vedea codul sursă al unei pagini web în Mozilla Firefox, urmați pașii de mai jos.

  1. Apăsați Ctrl + U pe tastatura calculatorului.

Sau

Sau

  1. Deschideți Mozilla Firefox și navigați la pagina Web la alegere.
  2. Apăsați tasta Alt pentru a afișa bara de meniuri a browserului.
  3. Selectați Instrumente, Web Developer și apoi Source Page .

Sfat: cu cele mai recente versiuni de Firefox, apăsând tasta F12 sau Ctrl + Shift + I afișați instrumentul dezvoltator interactiv. Acest instrument oferă o interacțiune mult mai mare cu codul sursă și setările CSS, permițând utilizatorilor să vadă cum schimbările din cod afectează imediat pagina web.

Vedeți o secțiune a codului sursă al paginii

  1. Evidențiați porțiunea unei pagini web pentru care doriți să vedeți codul sursă.
  2. Faceți clic cu butonul din dreapta pe această secțiune evidențiată, apoi faceți clic pe Vizualizare sursă de selecție .

Sfat: utilizați extensia Firebug pentru a nu vizualiza numai codul sursă al unei pagini, ci schimbați și vizualizați aceste modificări live prin browser.

Utilizatorii Google Chrome

Pentru a vedea codul sursă al unei pagini web în Google Chrome, urmați pașii de mai jos.

  1. Apăsați Ctrl + U pe tastatura calculatorului.

Sau

Sau

  1. Deschideți Chrome și navigați pe pagina Web la alegere.
  2. Dați clic pe Personalizați și controlați Google Chrome

    pictograma din partea dreaptă sus a ferestrei browserului.
  3. Din meniul derulant care apare, selectați Mai multe instrumente și apoi Instrumente pentru dezvoltatori .
  4. Faceți clic pe fila Elemente din partea de sus a secțiunii noi care apare.

Sfat: cu cele mai recente versiuni ale Chrome, apăsând pe tasta F12 sau pe Ctrl + Shift + i apar și instrumentul de dezvoltare interactivă. Acest instrument oferă o interacțiune mult mai mare cu codul sursă și setările CSS, permițând utilizatorilor să vadă cum schimbările din cod afectează imediat pagina web.

Utilizatorii Apple Safari

Pentru a vedea codul sursă al unei pagini Web în Apple Safari, urmați pașii de mai jos.

  1. Apăsați Command + Option + U de pe tastatură.

Sau

Sau

  1. Deschideți browserul Safari și navigați la pagina web la alegere.
  2. Selectați meniul Dezvoltare .
  3. Alegeți opțiunea Afișare sursă pagină .

Utilizatorii de operațiuni

Pentru a vedea codul sursă al unei pagini web în Opera, urmați pașii de mai jos.

  1. Apăsați Ctrl + U pe tastatură.

Sau

Sau

  1. Deschideți Opera și navigați la pagina web la alegere.
  2. Faceți clic pe butonul Meniu

    în colțul din stânga sus al ferestrei browserului.
  3. În submeniul Dezvoltator, selectați Sursă pagină .

Sfat: dacă nu vedeți submeniul Dezvoltator, alegeți Mai multe instrumente → Afișare meniu dezvoltator . Apoi, faceți clic pe butonul de meniu

din nou. Ar trebui să vedeți submeniul pentru dezvoltatori afișat.

Sfat: Cu cele mai recente versiuni ale programului Opera, apăsând combinația de comenzi rapide Ctrl + Shift + I deschide un instrument de dezvoltare interactiv. Acest instrument oferă o interacțiune mult mai mare cu codul sursă și setările CSS, permițând utilizatorilor să vadă cum schimbările din cod afectează imediat pagina web.

Telefonul Android care rulează Chrome

  1. Deschideți browserul de internet Google Chrome de pe telefon.
  2. Deschideți pagina web a cărei cod sursă doriți să îl vizualizați.
  3. Apăsați o dată în bara de adrese și apoi mutați cursorul în partea din față a adresei URL.
  4. Introduceți sursa de vizualizare: și apăsați Enter sau Go .

Sfat: De exemplu, pentru a vedea codul pentru pagina noastră de pornire, ați tasta sursa de vizionare: //www.computerhope.com

Cum se închide pagina sau instrumentul de cod sursă

După ce ați terminat de parcurs vizualizarea codului sursă pe o pagină web, vă recomandăm să o închideți sau să o închideți. Închiderea codului sursă depinde de metoda pe care ați utilizat-o pentru ao deschide.

  • Dacă ați utilizat metoda Ctrl + U (cu excepția Edge) sau metoda cu clic dreapta, închideți noua filă care a fost deschisă în partea de sus a ferestrei browserului.
  • Dacă ați utilizat metoda dezvoltatorului (apăsând F12 sau Ctrl + Shift + I), faceți clic pe

    în colțul din dreapta sus al ferestrei de instrumente .