Haluatko helpomman tavan nähdä verkkosivun HTML-tunnisteet katsomatta lähdekoodia erillisessä ikkunassa? Nyt voit tarkastella verkkosivua ja tunnisteita yhdistettynä 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ä osiosta, sinun on etsittävä koko koodisarja vain löytääksesi etsimäsi.
Jälkeen
X-Ray-laajennus antaa sinun nähdä asiakirjan tunnisteet (mukaan lukien luokan ja tunnuksen nimet) rinnakkain verkkosivun kanssa samalla välilehdellä. Voit käyttää joko pikavalikkoa tai työkaluvalikkoa päästäksesi X-Ray-komentoon.
Tässä on sama verkkosivun osa, joka näkyy ensimmäisessä kuvakaappauksessa. Se voi näyttää aluksi hieman oudolta, kunnes tottuu näkemään molemmat yhdessä.
Huomaa: Voit palauttaa verkkosivun normaaliin näkymään joko napsauttamalla X-Ray-komentoa uudelleen tai päivittämällä sivun.
Sivupalkin osan koodi samalla verkkosivulla…
Seuraavassa on yksi linkkisarjoista lopussa.
Tarkasteltaessa toista esimerkkiä oletetaan, että olet kiinnostunut siitä, miten osa pääsyötteestä määritetään.
On varmasti parempi nähdä, kuinka tietty elementti asetetaan suoraan verkkosivulle, kuin varmasti etsiminen koko koodisivulta.
Johtopäätös
Jos suunnittelet verkkosivuja ja haluat helpon tavan nähdä, miten jonkun toisen verkkosivusto on koodattu, voit kokeilla tätä laajennusta.
Linkit
