Kun asetukset on määritetty oikein, Firefoxista voi tulla lopullinen web-kehitystyökalu, joka antaa sinulle suoran pääsyn sivulle, jota työskentelet, jotta voit muotoilla sivusi reaaliaikaisesti, debug javascriptin tai jopa muokata html-koodia.
Luo erillinen profiili Web-kehitykselle
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 samaan aikaan kuin säännöllisen profiilin luomalla uuden pikavalinnan näillä argumentteilla, korvaamalla WebDevin profiilisi nimellä. Siinä on myös yksityiskohtaisempi selitys siitä, miten tämä tehdään.
firefox.exe -P WebDev -no-remote
Nyt kun Firefox on konfiguroitu erillisellä profiililla vain web-kehitystä varten, katsotaan laajennuksia, joita voimme käyttää Firefoxin tekemiseen lopulliseen web-kehitystyökaluun.
Must-Have Web Dev -laajennukset
Nämä ovat kaikkia laajennuksia, joita käytän säännöllisesti web-kehitystä varten.
pyromaani
Firebug on tehokkain laajennus javascriptin, CSS: n ja html: n virheenkorjaukseen. Voit tehdä dynaamisia muutoksia koodiin ja CSS: ään, ja käytä sitä Ajax-koodin virheenkorjaukseen. Se on todella paras laajennus siellä.
Web-kehittäjän laajennus
Yksi parhaista laajennuksista kahdeksan vuoden ajan. Tämä on pakollinen kaikille kehittäjille, mutta olet jo kuullut siitä.
Aardvark Extension
Tämä laajennus on erittäin kevyt laajennus, joka helposti näyttää sivun elementit ja niiden luokitellut luokat / tunnukset. Se on yksinkertaisempaa käyttää kuin web-kehittäjän laajennus niinä aikoina, jolloin tarvitset vain elementin pika-infoa. Voit myös käyttää sitä elementtien poistamiseen sivulta.
ColorZilla
Valitse värit helposti. Ei enää kipu löytää jotakin tyylitiedostoon upotettuja värejä.
Näytä lähde
Voit luoda useita katseluprofiileja avaamaan lähde eri sovelluksissa.
HTML Validator
Tämän laajennuksen avulla voit helposti valvoa sivun HTML-koodia ja asentaa sen View Source-paneeliin.
Rasva-apina
Se ei ole täsmälleen web-kehittäjän laajennus, mutta Greasemonkey on mahtava, ei vähiten kyky automatisoida yleisesti suoritettuja toimintoja, mikä on erinomainen säästäjä web-kehittäjille.
Mittaa se
Voit helposti mitata näytön etäisyyden tällä laajennuksella. Kun olet mitanut alueen, voit vetää suorakulmiota näytön ympärille vertailua varten.
IE View / IE Tab / OperaView / FirefoxView / Safari View / IE View Lite
Nämä laajennukset (ota valinta) antavat sinun helpompaa tarkastella nykyistä sivua eri selaimissa. IE-välilehti antaa sinulle jopa IE: n sisäisen välilehden, jos olisit niin taipuvainen.
Tyhjennä välimuisti-painike
Tyhjentää välimuisti. Erityisen hyödyllinen uusien CSS-muutosten tarkistamiseen.
Käynnistä Firefox uudelleen
Uudelleenkäynnistys Firefox-laajennus on erittäin hyödyllinen Firefoxin sulkemiseen ja uudelleen käynnistämiseen, koska kaikki välilehdet ja istunnot ovat ehjät.
Tab Mix Plus
Tab Mix Plus -laajennus on suuri laajennus yleensä, mutta sillä on muutamia käytännöllisiä ominaisuuksia web-kehittäjille: Duplicate Tab ja Copy Tab URL.
YSlow
YSlow-laajennus on uusi Yahoo-laajennus, joka analysoi sivusi ja kertoo missä teet virheitä. Se antaa jopa arvosanan sivustosi tehokkuudesta. Huomaat pieni mittari oikeassa alakulmassa … kertoo sivun koko ja latausaika. Erittäin hyödyllinen laajennus, mutta vaatii Firebug-laajennuksen.
Dummy Lorem Ipsum
Dummy Lipsum -generaattorin laajennus tuottaa sinulle luvan sisällön kuuluisan Lorem Ipsum -tekniikan perusteella, joka on erittäin hyödyllinen sivustosi väärennettyjen sisältöjen laatimisessa.
Ruutukaappaus!
Screengrab-laajennuksen avulla voit ottaa kuvakaappauksia sivuilta, mutta voit tehdä jotain säännöllistä kuvakaappaustyökalua ei voi. Se voi ottaa kuvan koko sivusta, ei vain näkyvästä osasta.
Tässä vaiheessa olet nyt kääntänyt Firefoxin lopulliseksi verkkokehitystyökaluksi. Ota aikaa oppia käyttämään erityisesti Firebugia.
