Vizualizator HTML

Cum se folosește

1. Deschide un fișier sau lipește codul. Trage pe pagină un fișier .html, .htm, .xhtml sau .svg, alege-l de pe dispozitiv ori lipește HTML în câmpul de text. Fișierele pot avea până la 5 MB.
2. Uită-te la previzualizare. Pagina este afișată într-un cadru izolat (sandbox). Alege telefon, tabletă sau lățime completă ca să vezi cum se comportă la lățimi diferite.
3. Verifică panoul Info. Vezi dimensiunea, liniile, titlul, tipul documentului, charset-ul, limba, câte scripturi, foi de stil, imagini, linkuri și formulare conține și ce domenii externe ar contacta.
4. Activează comutatoarele doar dacă e nevoie. Dacă pagina apare fără stil sau goală, încearcă „Încarcă resurse externe” sau „Rulează scripturi”. Amândouă rămân în sandbox, dar ține-le oprite pentru fișierele în care nu ai încredere.

Cum funcționează previzualizarea

Un fișier HTML este doar text pe care browserul îl transformă într-o pagină. Dacă îl deschizi cu dublu clic, browserul îl execută cu toate puterile lui: poate rula scripturi și poate încărca orice de pe internet. Acest vizualizator deschide același cod într-un cadru restricționat, ca să te poți uita la el mai întâi.

• Cadru în sandbox. Previzualizarea este un iframe cu atributul sandbox și fără allow-same-origin. Fișierul este tratat ca provenind dintr-o origine necunoscută și nu poate citi datele sau cookie-urile acestui site.
• Content-Security-Policy. Implicit, o politică este inserată la începutul documentului. Ea blochează scripturile și tot ce ar fi descărcat de pe alte site-uri: imaginile, fonturile și foile de stil de pe internet nu se încarcă. Imaginile încorporate ca data: și CSS-ul din <style> funcționează normal.
• Fără încărcare. Fișierul este citit în browser cu File API. Nu este trimis la niciun server și, cu setările implicite, deschiderea lui nu face cereri către terți.
• Formulare și navigare. Formularele nu pot fi trimise din previzualizare, iar cererile de rețea ale scripturilor (fetch, XHR) rămân blocate chiar și cu scripturile pornite.

Fiindcă resursele externe sunt blocate, o pagină web salvată poate arăta mai simplu aici decât într-un browser obișnuit. Este normal și util: arată ce conține fișierul de unul singur.

Panoul Info este calculat pe textul sursei prin recunoașterea de tipare, nu cu un parser HTML complet. Consideră numerele un rezumat rapid: comentariile și conținutul blocurilor script și style sunt ignorate la numărarea etichetelor.

Cele două comutatoare și ce schimbă

Două comutatoare stabilesc ce are voie să facă pagina previzualizată. Ambele sunt oprite implicit. Orice ai alege, cadrul rămâne izolat și nu primește niciodată acces la acest site.

Chiar și cu scripturile pornite, cererile făcute de scripturi (fetch, XHR) rămân blocate, iar formularele nu pot fi trimise. Încărcarea resurselor externe, în schimb, face cereri reale către alte servere.

La ce este util

Cât de sigur este și ce nu face

A te uita la un fișier suspect aici, cu setările implicite, este mai sigur decât să-l deschizi cu dublu clic, fiindcă nu se execută nimic și nu se descarcă nimic. Protecțiile implicate sunt sandbox-ul browserului și Content-Security-Policy, aceleași mecanisme pe care browserele le folosesc pentru orice cadru încorporat.

Rămâne totuși un vizualizator, nu un produs de securitate.

• Nu este un antivirus. Nu caută malware, nu recunoaște amenințări cunoscute și nu dă un verdict de sigur sau periculos.
• O pagină te poate păcăli oricum. Un formular de autentificare fals pare real chiar dacă nu poate trimite date. Nu introduce niciodată parole, numere de card sau coduri într-o pagină deschisă dintr-un atașament.
• Linkuri. Nu da clic pe linkurile unei previzualizări în care nu ai încredere. Dacă o pagină îți spune să descarci sau să instalezi ceva, nu o face.
• Comutatoarele schimbă riscul. Încărcarea resurselor externe contactează servere ale unor terți; rularea scripturilor execută codul fișierului în sandbox.
• Numerele sunt aproximative. Panoul Info rezumă textul fișierului și poate rata ce este construit de scripturi în timpul rulării.

Pentru fișierele în care chiar nu poți avea încredere, alegerea cea mai sigură este să nu le deschizi deloc sau să-l întrebi pe expeditor pe un alt canal. Ține sistemul și browserul actualizate.

Cum citești panoul Info

Panoul este o listă de verificare care se citește în câteva secunde. Arată dimensiunea în octeți și numărul de linii, apoi:

• Titlu, tipul documentului, doctype. Documentul este o pagină HTML completă, un SVG sau un fragment. O pagină fără doctype poate fi interpretată de browsere în quirks mode.
• Charset și limbă. Dacă fișierul nu declară charset-ul, literele cu diacritice pot apărea deformate. Atributul lang ajută cititoarele de ecran și traducerea.
• Elemente. Numărul de etichete găsite în marcaj.
• Scripturi și foi de stil. Numere pentru cele încorporate și cele externe. Scripturile externe sunt modul obișnuit prin care o pagină aduce cod de pe alte site-uri.
• Imagini, linkuri, formulare, iframe-uri. Semnale rapide: un formular într-o pagină la care nu te așteptai sau un iframe care trimite în altă parte merită atenție.
• Domenii externe. Host-urile menționate în src, href, srcset, url(...) și @import. O listă scurtă de domenii cunoscute este normală pentru o pagină web salvată; multe domenii necunoscute merită o privire mai atentă.

Pentru a lucra cu datele dintr-un raport exportat, vezi calculatorul de date.

Întrebări frecvente