Haluatko helpommin nähdä verkkosivun html-tunnisteet katselematta lähdekoodia erillisessä ikkunassa? Nyt voit tarkastella samaan ikkunaan yhdistettyä verkkosivua ja tunnisteita Firefoxin X-Ray-laajennuksen avulla.
Ennen
Yleensä jos haluat nähdä lähdekoodin verkkosivun taakse, sinun on tarkasteltava sitä erillisessä ikkunassa. Jos olet kiinnostunut vain tietystä osasta, sinun on etsittävä koko koodisarja vain löytääksesi mitä etsit.
Jälkeen
X-Ray-laajennuksen avulla näet asiakirjan tunnisteet (mukaan lukien luokka- ja ID-nimet) vierekkäin samaan välilehden verkkosivulla. Voit käyttää joko kontekstivalikkoa tai työkalujen valikkoa päästäksesi X-Ray-komentoon.
Tässä on sama verkkosivun osa, joka näkyy ensimmäisessä kuvakaappauksessa edellä. Se voi näyttää hieman outoa aluksi, kunnes olet tottunut näkemään molemmat yhdessä.
Huomaa: Voit palauttaa verkkosivun normaaliin näkymään napsauttamalla X-Ray-komentoa uudelleen tai päivittämällä sivun.
Sivun sivupalkin osan koodi samassa verkkosivustossa ...
Seuraavana on yksi linkkien sarja lopussa.
Katsokaa toista esimerkkiä olettaa, että olet kiinnostunut siitä, kuinka tärkeä rehu on muodostettu.
Jotta pystyt näkemään, kuinka tietty elementti on muodostettu suoraan verkkosivulle, on varmasti parempi kuin koko koodin sivun haku.
johtopäätös
Jos suunnittelet verkkosivuja ja haluat helpon tavan nähdä, miten jonkun muun verkkosivusto on koodattu, voit halutessasi antaa tämän laajennuksen kokeilemaan.
Linkit
Lataa X-Ray-laajennus (Mozilla Add-ons)
