Kotisivu » miten » Luo Ultimate Firefoxin Web-kehitysprofiili

    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.