Doriți o modalitate mai ușoară de a vedea etichetele html ale unei pagini web fără a vizualiza codul sursă într-o fereastră separată? Acum puteți vizualiza pagina web și etichetele combinate în aceeași fereastră utilizând extensia X-Ray pentru Firefox.
Inainte de
De obicei, dacă doriți să vedeți codul sursă în spatele unei pagini web, trebuie să îl vizualizați într-o fereastră separată. Dacă sunteți interesat doar de o anumită secțiune, atunci trebuie să căutați întregul set de cod doar pentru a găsi ceea ce căutați.
După
Extensia X-Ray vă va permite să vedeți tag-urile documentului (inclusiv numele de clasă și ID-uri) "alături" cu pagina web din aceeași filă. Puteți utiliza fie meniul contextual, fie meniul de instrumente pentru a accesa comanda X-Ray.
Aici este aceeași secțiune de pagină web afișată în prima imagine de mai sus. Ar putea părea un pic ciudat la început până când vă obișnuiți să vedeți ambele împreună.
Notă: puteți să reveniți la pagina Web la vizualizarea normală fie făcând din nou clic pe comanda X-ray, fie revigorând pagina.
Codul pentru o parte din bara laterală de pe aceeași pagină Web ...
Urmată de unul dintre seturile de linkuri de la sfârșit.
Privind la un alt exemplu, să presupunem că vă interesează modul în care este creată o parte din hrana principală.
Fiind capabil să vedem cum este configurat un anumit element direct în pagină web este cu siguranță mai bun decât căutarea pe întreaga pagină a codului.
Concluzie
Dacă proiectați pagini web și doriți o modalitate ușoară de a vedea cum este codificat site-ul altcuiva, atunci vă recomandăm să încercați această extensie.
Link-uri
Descărcați extensia X-Ray (Mozilla Add-ons)