Indiferent dacă te ocupi de dezvoltarea web în timp redus sau pur și simplu ai un interes general de a săpa în cod pentru a vedea cum funcționează lucrurile, pot exista momente în care vrei să vezi codul sursă HTML în spatele unei anumite pagini web.
Este posibil să faceți acest lucru atât de pe dispozitivele dvs. iOS, cum ar fi un iPhone sau iPad, cât și Mac. În acest tutorial, vă vom arăta cum puteți vizualiza codul sursă HTML al unei pagini web pe ambele platforme.
Cum să vizualizați codul sursă al unui site web pe iPhone sau iPad
Dacă doriți să vizualizați codul sursă al unei pagini web de pe iPhone sau iPad, veți dori să utilizați o aplicație pentru a vă ajuta. Majoritatea aplicațiilor moderne simplifică acest proces și includ evidențierea sintaxei utile, astfel încât să înțelegeți mai bine ceea ce priviți.
Vă recomandăm să utilizați HTML Viewer Q, care este o descărcare gratuită din App Store. După instalare, urmați acești pași pentru a vizualiza codul sursă al unei pagini web:
1) Lansați HTML Viewer Q din ecranul de pornire.
2) Atingeți butonul Legătură butonul din partea dreaptă sus a aplicației:
3) Introduceți adresa URL completă a unei pagini web pentru care doriți să vedeți codul sursă, apoi atingeți tasta Merge buton (vom folosi Amazon pentru acest exemplu).
4) Odată ce pagina se încarcă, atingeți tasta Cod butonul din stânga sus al aplicației.
Acum vedeți codul sursă al paginii web selectate. Puteți atinge oricare dintre numerele din partea de sus a aplicației pentru a schimba dimensiuni de fonturi diferite: adică 9pt, 12pt, 16pt etc., și puteți utiliza și butonul Căutare pentru a căuta cuvinte cheie sau sintaxă pe care ar putea fi specific caut.
Aplicația vă permite, de asemenea, să copiați codul HTML, astfel încât să îl puteți lipi în orice altă aplicație.
Cum să vizualizați un cod sursă HTML de pagină în Safari pe Mac
Dacă utilizați un Mac, atunci nu aveți nevoie într-adevăr de un software terț pentru a vizualiza codul sursă al unei pagini web. Puteți utiliza Safari (sau orice alt browser web pe care îl preferați) pentru a vedea codul sursă în browserul propriu-zis.
Notă: Acești pași vor varia ușor în funcție de browserul web pe care îl utilizați.
Prima parte: activarea instrumentelor pentru dezvoltatori în Safari
Pentru a vizualiza codul sursă al unei pagini web în Safari, va trebui mai întâi să activați instrumentele de Dezvoltare ascunse. Pentru aceasta, urmați acești pași:
1) Lansați Safari dacă nu este deja deschis.
2) Mergi la Safari → Preferințe în bara de meniu.
3) Deschide Avansat fila din fereastra Preferințe.
4) Puneți o notă de selectare în Afișați meniul Dezvoltați în bara de meniu caseta daca nu este deja bifat.
Acum că instrumentele adecvate sunt activate, sunteți gata să treceți la secțiunea următoare pentru a vizualiza codul sursă al unei pagini web.
Partea a doua: vizualizarea codului sursă al unei pagini web în Safari
Pentru a vizualiza codul sursă al unei pagini web după ce instrumentele de dezvoltare sunt activate, urmați acești pași:
1) Lansați Safari dacă nu este deja deschis.
2) Încărcați pagina web pentru care doriți să vedeți codul sursă (vom folosi Amazon pentru acest exemplu).
3) Mergi la Dezvoltați → Afișați sursa paginii în bara de meniu (sau faceți clic dreapta pe pagină și selectați Afișați sursa paginii).
4) Codul sursă va apărea acum într-o fereastră din partea de jos a aplicației Safari:
Puteți utiliza bara de căutare pentru a găsi anumite cuvinte cheie sau sintaxă dacă doriți, sau puteți redimensiona fereastra Dezvoltare făcând clic și glisând o margine, așa cum doriți să redimensionați o aplicație pe Mac.
Înveliți
Această caracteristică îl dă pe Curiosul Georges de acolo cu posibilitatea de a vedea ce face ca o pagină web să bifeze, dar acesta este și un instrument de neprețuit pentru dezvoltatorii web, începători sau experimentați, care doresc o mai bună înțelegere a codului din spatele unei pagini web sau pur și simplu doresc să rezolve propriul site.
Citește și:
- Cum să vizualizați codul sursă al unei pagini web în Safari
- Probleme la încărcarea paginilor web în Safari? Incearca asta…
Dacă ați găsit util acest tutorial, aruncați-ne un comentariu mai jos!
