Luo Ultimate Firefoxin Web-kehitysprofiili
Kun asetukset on määritetty oikein, Firefoxista voi tulla paras Web-kehitystyökalu, jonka avulla voit käyttää suoraan sivua, jolla työskentelet, jotta voit suunnitella sivusi reaaliaikaisesti, debug-javascriptiin tai jopa muokata HTML-koodia.
Luo erillinen profiili Web-kehitykseen
Kaikkien näiden kehitystyökalujen asentaminen tekee Firefoxista erittäin raskaan selaimen, joten meidän pitäisi ensin luoda uusi profiili Firefoxille.
Voit käynnistää erillisen profiilin samaan aikaan kuin tavallinen profiili luomalla uusi pikakuvake näihin argumentteihin ja korvaa WebDev profiilisi profiilin kanssa. On myös yksityiskohtaisempi selitys siitä, miten tämä tehdään.
firefox.exe -P WebDev - ei-kaukosäädin
Nyt kun olet saanut Firefoxin määrittämään erillisen profiilin vain web-kehitystä varten, katsotaanpa laajennuksia, joita voimme käyttää, jotta Firefoxista tulisi paras Web-kehitystyökalu.
Must-Have Web Dev -laajennukset
Nämä ovat kaikki laajennuksia, joita käytän säännöllisesti web-kehityksessä.
pyromaani
Firebug on tehokkain laajennus JavaScriptin virheenkorjaukseen, CSS: n ja html: n katseluun. Voit tehdä dynaamisia muutoksia koodiin ja CSS: ään ja käyttää sitä Ajax-koodin vianmääritykseen. Se on todella paras laajennus siellä.
Web-kehittäjän laajennus
Yksi parhaista laajennuksista x vuotta. Tämä on välttämätöntä kaikille kehittäjille, mutta olet jo kuullut siitä.
Aardvark-laajennus
Tämä laajennus on erittäin kevyt laajennus, joka näyttää helposti sivun elementit ja niiden luokat / tunnukset. On helpompaa käyttää web-kehittäjän laajennusta niille aikoille, jolloin tarvitset vain nopean informaation elementille. Voit myös käyttää sitä poistamaan elementtejä sivulta.
ColorZilla
Valitse värit helposti. Ei enää kipua löytää värejä, jotka on upotettu johonkin tyylitaulukkoon.
Näytä lähde
Voit asettaa useita näkymän lähdeprofiileja avaamaan lähde eri sovelluksissa.
HTML Validator
Tämän laajennuksen avulla voit helposti tarkistaa sivusi HTML-koodin ja asentaa sen View Source -paneeliin.
Rasva-apina
Se ei ole tarkalleen web-kehittäjän laajennus, mutta Greasemonkey on mahtava, varsinkin kyky automatisoida yleisesti suoritettuja toimintoja, mikä on hyvä aikaa säästäjä web-kehittäjille.
Mittaa se
Mittaa etäisyys näytöllä helposti tämän laajennuksen avulla. Kun olet mitannut alueen, voit vetää ruudun ympärillä olevan suorakulmion käytettäväksi vertailuna.
IE-näkymä / IE-välilehti / OperaView / FirefoxView / Safari-näkymä / IE View Lite
Näiden laajennusten avulla voit tarkastella nykyistä sivua helposti eri selaimissa. IE-välilehdellä voit jopa ajaa IE-välilehden sisällä, jos olisit niin taipuvainen.
Tyhjennä välimuisti
Tyhjentää välimuistin. Erityisen hyödyllinen uusien CSS-muutosten tarkistamisessa.
Käynnistä Firefox uudelleen
Palauta Firefox-laajennus on erittäin hyödyllinen Firefoxin sulkemiseksi ja uudelleenkäynnistämiseksi, kun kaikki välilehdet ja istunnot ovat ehjät.
Tab Mix Plus
Tab Mix Plus -laajennus on suuri laajennus yleensä, mutta sillä on muutamia olennaisesti hyödyllisiä 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 sinulle myös palkkaluokan sivustosi tehokkuudesta. Huomaat oikeassa alakulmassa oikeassa alakulmassa… se kertoo sivusi kokonaiskoon ja latausajan. Erittäin hyödyllinen laajennus, mutta se vaatii Firebug-laajennuksen.
Dummy Lorem Ipsum
Dummy Lipsum -generaattorilaajennus luo sinulle näennäisen sisällön kuuluisan Lorem Ipsum -tekstin perusteella, joka on erittäin hyödyllinen väärennettyjen sisältöjen asettamisessa sivustossasi.
Ruutukaappaus!
Screengrab-laajennus mahdollistaa kuvien ottamisen sivuilta, mutta voi tehdä jotain, jota tavallinen kuvakaappaustyökalu ei pysty - se voi ottaa kuvan koko sivusta, ei vain näkyvästä osasta.
On olemassa muitakin laajennuksia, joita voit käyttää, mutta nämä ovat parhaita parasta mitä olen nähnyt. Jos sinulla on toinen laajennus, jota käytät säännöllisesti, jätä maininta kommenteissa.
Tässä vaiheessa olet tullut Firefoxista lopulliseksi web-kehitystyökaluksi. Ota aikaa oppia käyttämään erityisesti Firebugia.