If-Koubou

Luo Ultimate Firefox -Web-kehitysprofiili

Luo Ultimate Firefox -Web-kehitysprofiili (Miten)

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-ei-kauko

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.

 

On olemassa monia muita laajennuksia, joita voit käyttää, mutta nämä 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 kääntänyt Firefoxin lopulliseksi verkkokehitystyökaluksi. Ota aikaa oppia käyttämään erityisesti Firebugia.