Site-urile web bazate pe cadre își afișează adesea aspectul setului de cadre, mai degrabă decât conținutul.
Credit imagine: vetkit/iStock/Getty Images
Codul HTML de bază folosit pentru a construi un site web nu este ascuns, dar este ușor accesibil oricui are instrumentele adecvate. De exemplu, browserele web precum Firefox, Chrome, Safari, Opera și Internet Explorer au mai multe moduri prin care puteți vizualiza direct codul HTML, CSS sau JavaScript al unui site web. În plus, unele instrumente dedicate pentru dezvoltatori web pot încărca și deschide o pagină Web de pe Internet ca un fișier stocat pe un disc local.
Vizualizați sursa în browser
Pașii necesari pentru a vedea codul HTML al unui site web sunt în esență aceiași pentru Firefox, Chrome, Safari, Opera și Internet Explorer. Faceți clic dreapta pe o secțiune a unei pagini Web care conține doar text și apoi selectați opțiunea „Vizualizare sursă” sau „Vizualizare sursa paginii”. În funcție de configurația browserului dvs., codul HTML se deschide într-o filă nouă de browser sau într-o fereastră separată a aplicației.
Videoclipul zilei
Salvați codul sursă pe disc
Dacă mai târziu trebuie să examinați sau să editați codul unui site web, puteți salva pagina pe hard disk. Când faceți clic dreapta pe o pagină Web în Firefox sau Safari, vi se oferă opțiunea „Salvare pagină ca”. Chrome și Opera au opțiunea „Salvare ca”. Pentru a salva o pagină Web utilizând Internet Explorer, faceți clic pe „Instrumente”, „Fișier” și apoi „Salvare ca”. Pe lângă pagina Web în sine, browserul salvează toate imaginile, fișierele CSS și JavaScript pe care le utilizează pagina și care sunt stocate local pe Web-ul său Server.
Firefox, Chrome, Opera și Internet Explorer oferă fiecare un mod de dezvoltator care vă permite să vizualizați simultan o pagină web redată și codul HTML, CSS și JavaScript. Dacă faceți clic pe un element de pe Web, codul acestuia apare în panoul de afișare al dezvoltatorului. Panoul pentru dezvoltatori poate fi accesat prin intermediul opțiunilor sau instrumentului de configurare. Deși Safari nu are un instrument de dezvoltator nativ, puteți instala unul ca extensie.
Aplicații pentru dezvoltatori web
Instrumentele de proiectare a site-urilor web precum Dreamweaver, Kompozer și Microsoft Expressions vă permit să deschideți o pagină web online folosind adresa URL a acesteia. Vizualizați codul HTML într-o vizualizare numai cod sursă sau o vizualizare divizată, previzualizare și sursă. În plus, puteți edita codul și puteți vizualiza modificările în timp real. Codul real stocat pe serverul site-ului web nu este niciodată modificat.
Probleme pe care le puteți întâlni
Intenționat sau neintenționat, unele site-uri web nu renunță ușor la codul HTML. De exemplu, unele site-uri folosesc cod JavaScript, care blochează clicurile dreapta. Puteți vedea în continuare codul sursă descărcând pagina pe disc sau dezactivând JavaScript în browser. Alte site-uri folosesc cadre HTML sau iframe, care vă împiedică să accesați direct sursa lor. Firefox, Chrome, Safari și Opera detectează site-urile web bazate pe cadre și vă oferă automat o opțiune de a vizualiza codul sursă al unui cadru. Dacă o pagină Web folosește un fișier JavaScript sau CSS stocat pe alt domeniu, puteți vizualiza codul acelui fișier direct prin copierea URL-ului acestuia din codul HTML pe care îl puteți accesa și apoi lipirea acesteia în bara de adrese a unei noi file de browser.
