Verkkokehitysmaailmassa suurin osa suunnittelustaei enää ole sivun HTML-muodossa, se on siirretty mukana oleviin CSS- ja Javascript-tiedostoihin. Ongelmana on, että kun haluat kurkistaa koodiin, ei ole todella yksinkertainen tapa katsella näitä CSS / JS-tiedostoja.
JSView-niminen laajennus antaa sinun tarkastella helposti mukana olevien tiedostojen lähdettä parilla eri tavalla.
Oletusasennuskäyttö
Kun olet asentanut laajennuksen, näet uuden vaihtoehdon nimeltä Näytä sivulähde - JSView. Se vie sinut näyttöön kuin tavallinen Näytä sivulähde -valintaikkuna…
Nyt kun olet View Source -näytössä, View-valikko sisältää ylimääräisiä valikkokohteita, joiden avulla voit nopeasti käyttää mukana olevia tiedostoja.
Pikakäyttö kontekstivalikko
Avaa JSView-asetukset-ikkuna Työkalut-valikosta ja poista ”Poista jsview-ponnahdusvalikot käytöstä” -valintaruutu lisätäksesi ylimääräiset valikot oletuspainikkeella hiiren oikealla painikkeella.
Haluat myös valita ”Poista käytöstä sivulähde - JSView” poistaaksesi redundantin JSView-valikon käytöstä. Nyt kun napsautat hiiren kakkospainikkeella mitä tahansa sivua, pääset nopeasti lähteeseen.
Huomaa, että jos haluat mahdollisimman vähän kokemusta, voit poistaa kaikki asetukset käytöstä ja käyttää toimintoja yksinkertaisesti näkymälähde-ikkunassa.
Muut vaihtoehdot
Voit myös valita avataanko uudessa ikkunassa…
Vai käytetäänkö ulkoista editoria…
Tämä on todella hyödyllinen laajennus, josta on nyt tullut osa web-kehitystyökalupakiani.
Lataa JSView-laajennus Mozilla-lisäosista