24Aug
Kun asetukset on määritetty oikein, Firefoxista voi tulla lopullinen web-kehitystyökalu, joka antaa sinulle suoran pääsyn työskentelemäsi sivulle, jotta voit muotoilla sivusi reaaliaikaisesti, debug javascriptin tai jopa muokata html-koodia.
Luo erillinen profiili Web-kehitykselle
Kaikkien näiden kehitystyökalujen asentaminen tekevät Firefoxista erittäin raskas selain, joten meidän on ensin luotava uusi profiili Firefoxille.
Voit käynnistää erillisen profiilin samaan aikaan kuin säännöllisen profiilin luomalla uuden pikakuvakkeen näiden argumenttien kanssa, korvaamalla WebDevin profiilisi nimellä.Siinä on myös yksityiskohtaisempi selitys siitä, miten tämä tehdään.
firefox.exe -P WebDev - ei-kauko
Nyt kun Firefox on konfiguroitu erillisellä profiililla vain web-kehitykselle, 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.
Firebug
Firebug on tehokkain laajennus JavaScriptin debuggaamiseen, CSS: n ja html: n katseluun. Voit tehdä dynaamisia muutoksia koodiin ja CSS: ään, ja käytä sitä Ajax-koodin virheenkorjaukseen. Se on todella paras laajennus siellä.
Web Developer Extension
Yksi parhaimmista laajennuksista x vuotta käytössä.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
-ohjelmalla Voit määrittää useamman näkymän lähdeprofiilit avataksesi lähteen eri sovelluksissa.
HTML Validator
Tämän laajennuksen avulla voit helposti validoida sivun HTML ja asentaa View Source-paneeliin.
Greasemonkey
Se ei ole täsmälleen web-kehittäjälaajennus, mutta Greasemonkey on mahtava, ei vähiten kyky automatisoida yleisesti suoritettuja toimintoja, mikä on erinomainen aika säästää web-kehittäjille.
Mittaa se
Mittaa etäisyys etäisyydellä näytöllä tämän laajennuksen avulla. Kun olet mitanut alueen, voit vetää suorakulmiota näytön ympärille vertailua varten.
IE Näytä / IE -välilehti / OperaView / FirefoxView / Safari View / IE Näytä Lite
Nämä laajennukset( ota valintasi) ansiosta voit helposti tarkastella nykyistä sivua eri selaimissa. IE-välilehti antaa sinulle jopa IE: n sisäisen välilehden, jos olisit niin taipuvainen.
Tyhjennä välilyöntipainike
Tyhjentää välimuistin. Erityisen hyödyllinen uusien CSS-muutosten tarkistamiseen.
Käynnistä Firefox
Käynnistä 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 siinä 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ä olet tekemässä virheitä.Se antaa jopa arvosanan sivustosi tehokkuudesta. Huomaat pieni mittari oikeassa alakulmassa. .. se 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.
Screengrab!
Screengrab-laajennuksen avulla voit ottaa kuvakaappauksia sivuilta, mutta voi tehdä jotain tavallista kuvakaappaustyökalua ei voi. Se voi ottaa kuvan koko sivusta, ei pelkästään näkyvästä osasta.
Käytettävissä on paljon muita laajennuksia, mutta ne ovat parhaita kaikista kaikista, mitä olen nähnyt. Jos sinulla on toinen säännöllisesti käytössä oleva laajennus, jätä kommenttiin kommentit.
Tässä vaiheessa olet nyt muuttanut Firefoxin lopulliseksi web-kehitystyökaluksi. Ota aikaa oppia käyttämään erityisesti Firebugia.