Oikein määritettynä Firefoxista voi tulla paras web-kehitystyökalu, joka antaa sinulle suoran pääsyn työskentelemäsi sivulle, jotta voit muotoilla sivusi reaaliajassa, korjata javascriptiä tai jopa muokata html-tiedostoa.
Luo erillinen profiili verkkokehitystä varten
Kaikkien näiden kehitystyökalujen asentaminen tekee Firefoxista erittäin raskas selain, joten meidän pitäisi ensin luoda uusi profiili Firefoxille.
Voit käynnistää erillisen profiilin samanaikaisesti tavallisen profiilisi kanssa luomalla uuden pikakuvakkeen näillä argumenteilla ja korvaamalla WebDev profiilisi nimellä. Siellä on myös tarkempi selitys miten tämä tehdään.
firefox.exe -P WebDev -no-remote
Nyt kun Firefox on määritetty erillisellä profiililla vain verkkokehitykseen, katsotaanpa laajennuksia, joita voimme käyttää Firefoxin tekemiseen lopulliseksi verkkokehitystyökaluksi.
Pakolliset Web Dev -laajennukset
Nämä ovat kaikki laajennuksia, joita käytän säännöllisesti verkkokehitykseen.
Firebug on tehokkain laajennus javascriptin virheenkorjaukseen, CSS: n ja html: n tarkasteluun. Voit tehdä koodiin ja CSS: ään dynaamisia muutoksia ja käyttää sitä Ajax-koodin virheenkorjaukseen. Se on todella paras laajennus siellä.
Yksi parhaista laajennuksista x vuoden ajan. Tämä on pakollinen kehittäjälle, mutta olet jo kuullut siitä.
Tämä laajennus on erittäin kevyt laajennus, joka näyttää helposti sivun elementit ja niille määritetyn luokan / id: n. Se on yksinkertaisempi käyttää kuin verkkokehittäjälaajennus silloin, kun tarvitset vain elementin nopeaa tietoa. Voit käyttää sitä myös elementtien poistamiseen sivulta.
Valitse värit helposti. Ei enää kipua löytää värejä upotettuna jonnekin tyylitaulukkoon.
Voit asettaa useita näkymälähdeprofiileja avaamaan lähteen eri sovelluksissa.
Tämän laajennuksen avulla voit helposti vahvistaa sivusi HTML-koodin ja asentaa View Source -paneeliin.
Se ei ole aivan verkkokehittäjälaajennus, mutta Greasemonkey on mahtava, etenkin kyvystä automatisoida yleisesti suoritettuja toimintoja, mikä on hyvä ajansäästäjä verkkokehittäjille.
Mittaa etäisyys helposti näytöllä tällä laajennuksella. Kun olet mitannut alueen, voit vetää suorakulmion näytön ympärillä vertailuksi.
IE-näkymä / IE-välilehti / OperaView / FirefoxView / Safari-näkymä / IE View Lite
Näiden laajennusten avulla (valitse valinta) voit helposti tarkastella nykyistä sivua eri selaimissa. IE-välilehti antaa sinun jopa suorittaa IE-välilehden sisällä, jos olit niin taipuvainen.
Tyhjentää välimuistin. Erityisen hyödyllinen tarkistettaessa uusia CSS-muutoksia.
Käynnistä Firefox-laajennus on erittäin hyödyllinen sulkea ja käynnistää Firefox uudelleen kaikkien välilehtien ja istuntojen ollessa ehjät.
Tab Mix Plus -laajennus on yleensä hieno laajennus, mutta siinä on muutamia olennaisesti hyödyllisiä ominaisuuksia verkkokehittäjille: Kopioi välilehti ja Kopioi välilehti URL.
YSlow-laajennus on uusi Yahoo-laajennus, joka analysoi sivusi ja kertoo sinulle, missä teet virheitä. Se antaa sinulle jopa arvosanan sivustosi suorituskyvystä. Huomaat pienen mittarin oikeassa alakulmassa ... se kertoo sivusi kokonaiskoon ja latausajan. Erittäin hyödyllinen laajennus, mutta se vaatii Firebug-laajennuksen.
Dummy Lipsum -generaattorilaajennus tuottaa sinulle nuken sisällön kuuluisan Lorem Ipsum -tekstin perusteella, joka on erittäin hyödyllinen väärennetyn sisällön sijoittamiseksi sivustoosi.
Screengrab-laajennus antaa sinun ottaa kuvakaappauksia sivuista, mutta voi tehdä jotain, mitä tavallinen kuvakaappaustyökalu ei voi - se voi ottaa kuvan koko sivusta, ei vain katseltavasta osasta.
Voit käyttää useita muita laajennuksia, mutta nämä ovat parhaita parhaita kaikesta, mitä olen nähnyt. Jos sinulla on toinen laajennus, jota käytät säännöllisesti, jätä maininta kommentteihin.
Tässä vaiheessa olet nyt muuttanut Firefoxin lopulliseksi verkkokehitystyökaluksi. Ota aikaa oppia erityisesti Firebugin käytöstä.
