Verkkokehitysmaailmassa suurin osa suunnittelusta ei ole enää sivun HTML-muodossa, vaan se on siirretty mukana oleviin CSS- ja Javascript-tiedostoihin. Ongelmana on, että kun haluat kurkistaa koodiin, ei ole todella yksinkertaista tapaa tarkastella näitä CSS / JS-tiedostoja.
On JSView-laajennus, jonka avulla voit helposti tarkastella mukana olevien tiedostojen lähdettä muutamalla eri tavalla.
Oletusasennuskäyttö
Kun olet asentanut laajennuksen, näet uuden vaihtoehdon nimeltä Näytä sivun lähde - JSView. Se vie sinut samalle näytölle kuin tavallinen Näytä sivun lähde -valintaikkuna ...
Nyt kun olet Näkymälähde-näytössä, Näkymä-valikko sisältää ylimääräisiä valikkokohteita, joiden avulla voit nopeasti käyttää mukana olevia tiedostoja.
Nopea pääsy -valikko
Avaa JSView-asetukset-ikkuna Työkalut-valikosta ja poista valinta Poista käytöstä jsview-ponnahdusvalikot -kohdasta, jos haluat lisätä ylimääräisiä valikoita hiiren kakkospainikkeen oletusvalikkoon.
Haluat myös valita Poista käytöstä sivun lähde - JSView poistaaksesi tarpeettoman JSView-kohteen valikosta. Kun napsautat hiiren kakkospainikkeella mitä tahansa sivua, pääset nopeasti lähteeseen.
Huomaa, että jos haluat mahdollisimman vähän kokemusta, voit poistaa kaikki vaihtoehdot käytöstä ja käyttää toimintoja yksinkertaisesti näkymälähdeikkunassa.
Muut vaihtoehdot
Voit myös valita, avataanko uudessa ikkunassa…
Vai haluatko käyttää ulkoista editoria…
Tämä on todella hyödyllinen laajennus, josta on nyt tullut osa minun verkkokehityksen työkalupakki .