/ / Vizualizați etichete HTML și pagini web combinate în Firefox

Vizualizați etichete HTML și pagină web combinate în Firefox

Doriți o modalitate mai ușoară de a vedea html-ul unei pagini webetichete fără a vizualiza codul sursă într-o fereastră separată? Acum puteți vizualiza pagina web și etichetele combinate în aceeași fereastră folosind extensia X-Ray pentru Firefox.

Inainte de

De obicei, dacă doriți să vedeți codul sursă în spateo pagină web trebuie să o vizualizați într-o fereastră separată. Dacă sunteți interesat doar de o anumită secțiune, atunci trebuie să căutați în întregul set de coduri doar pentru a găsi ceea ce căutați.

radiografie-01

După

Extensia cu raze X vă va permite să vedețietichetele documentului (inclusiv numele clasei și ID-urile) „una lângă alta” cu pagina web în aceeași filă. Puteți utiliza fie meniul contextual, fie meniul de instrumente pentru a accesa comanda X-Ray.

radiografie-02

Iată aceeași secțiune a paginii web prezentată în prima captură de ecran de mai sus. S-ar putea să pară puțin ciudat la început până când te obișnuiești să-i vezi pe amândoi împreună.

Notă: Puteți readuce pagina web la vizualizarea normală a acesteia, fie făcând clic din nou pe comanda X-Ray, fie actualizând pagina.

radiografie-03

Codul pentru o parte a barei laterale de pe aceeași pagină web ...

radiografie-04

Urmat de unul dintre seturile de linkuri de la final.

radiografie-05

Privind un alt exemplu, presupuneți că sunteți interesat de modul în care este configurată o parte din fluxul principal.

radiografie-06

A putea vedea cum un anumit element este configurat direct în pagina web este cu siguranță mai bine decât să căutați pe întreaga pagină de cod.

radiografie-07

Concluzie

Dacă proiectați pagini web și doriți o modalitate ușoară de a vedea cum este codat site-ul altcuiva, poate doriți să încercați această extensie.

Link-uri

Descărcați extensia cu raze X (programe de completare Mozilla)