Näytä HTML-tunnisteet ja verkkosivut yhdistettynä Firefoxiin

Haluatko helpomman tavan nähdä verkkosivun html-tunnisteet katsomatta lähdekoodia erillisessä ikkunassa? Nyt voit tarkastella verkkosivua ja tunnisteita samassa ikkunassa käyttämällä Firefoxin X-Ray-laajennusta.

Ennen

Yleensä jos haluat nähdä lähdekoodin verkkosivun takana, sinun on tarkasteltava sitä erillisessä ikkunassa. Jos olet kiinnostunut vain tietystä osasta, sinun on etsittävä koko koodisarjaa vain löytääksesi etsimäsi.

Jälkeen

Röntgenlaajennuksen avulla voit nähdä asiakirjan tunnisteet (mukaan lukien luokkien ja tunnusten nimet) "vierekkäin" samassa välilehdessä olevan verkkosivun kanssa. Voit käyttää X-Ray-komentoa joko kontekstivalikossa tai työkaluvalikossa.

Tässä on sama web-sivuosio, joka näkyy yllä olevassa kuvassa. Se voi näyttää aluksi hieman outolta, kunnes totutat molemmat yhdessä.

Huomautus: Voit palauttaa verkkosivun normaaliin näkymään napsauttamalla X-Ray-komentoa uudelleen tai päivittämällä sivun.

Saman verkkosivun sivupalkin osan koodi…

Sen jälkeen yksi linkkien joukosta lopussa.

Tarkasteltaessa toista esimerkkiä oletetaan, että olet kiinnostunut siitä, miten osa pääsyötöstä on asetettu.

Kun pystyt näkemään, miten tietty elementti on asetettu suoraan verkkosivulle, on varmasti parempi kuin etsiä koko koodisivua.

johtopäätös

Jos suunnittelet verkkosivuja ja haluat helpon tavan nähdä, miten jonkun toisen sivusto on koodattu, saatat haluta antaa tämän laajennuksen kokeilemaan.

Linkit

Lataa röntgenlaajennus (Mozilla-lisäosat)