Kui seda õigesti konfigureerite, saab Firefox endise veebiarenduse tööriista, mis annab teile otse juurdepääsu lehele, kus te töötate, nii et saate oma lehte reaalajas stiili muuta, debug javascripti või isegi HTML-i muuta.
Loo eraldi aruanne veebiarenduseks
Kõigi nende arendusvahendite installimine muudab Firefoxi väga raskeks brauseriks, seega peaksime esmalt Firefoxi jaoks uue profiili looma.
Saate käivitada eraldi profiili samal ajal kui tavaline profiil, luues nende argumentidega uue otsetee, asendades WebDev oma profiili nimega. Samuti on üksikasjalikum selgitus selle kohta, kuidas seda teha.
firefox.exe -P WebDev -no-remote
Nüüd, kui Firefox on konfigureeritud eraldi profiiliga ainult veebiarenduseks, vaatame laiendusi, mida Firefox saab kasutada lõplikuks veebiarenduse vahendiks.
Must-Have Web Dev laiendused
Need on kõik laiendused, mida regulaarselt veebiarenduseks kasutan.
Firebug
Firebug on kõige võimsam laiend JavaScripti silumiseks, CSS-i ja html vaatamine. Võite teha koodi ja CSS-i dünaamilisi muudatusi ja kasutada seda Ajaxi koodi silumiseks. See on tõesti parim laiendus seal.
Veebiarenda pikendamine
Üks parimaid laiendusi x aastaseks tööks. See peab olema iga arendaja jaoks, kuid olete juba sellest kuulnud.
Aardvark pikendus
See laiend on väga kerge laiendus, mis näitab lihtsalt lehe elemente ja nende määratud klassi / idi. See on lihtsam kasutada kui veebiarendaja laiendust neile hetkedele, mil elemendi kiire info on vaja lihtsalt. Võite seda ka kasutada elementide eemaldamiseks lehelt.
Colorzilla
Valige värvid lihtsalt. Ei leia rohkem värve, kui leida värve kusagil stiil tabelis.
Kuva allikas koos
Saate erinevate rakenduste allika avamiseks seadistada mitu vaate allika profiili.
HTML valideerija
See laiendus võimaldab teil lehe HTML-i hõlpsalt kinnitada ja installida paneelis Vaade Allikas.
Greasemonkey
See ei ole täpselt veebiarendaja laiendus, kuid Greasemonkey on fantastiline, seda eriti selleks, et saaksime automatiseerida sageli teostatud toiminguid, mis on veebojuhtidele suurepärane aja kokkuhoid.
Mõõta seda
Kergesti mõõta kaugust ekraanil selle pikendusega. Kui olete piirkonna mõõtnud, võite selle võrdlusena kasutada ristküliku ümber ekraani ümber.
IE vaade / IE vahekaart / OperaView / FirefoxView / Safari vaade / IE View Lite
Need laiendused (võta oma valik) võimaldavad teil lihtsalt vaadata praegust lehte erinevates brauserites. IE-i vahekaart lubab teil isegi vahekaardil IE-i kasutada, kui see oleks nii kallutatud.
Puhasta vahemälu nupp
Puhasta vahemälu. Eriti kasulik uute CSS-i muudatuste kontrollimiseks.
Taaskäivitage Firefox
Firefoxi taaskäivitamine on väga kasulik Firefoxi sulgemiseks ja taaskäivitamiseks, kõik sakid ja seansid puutumata.
Tab Mix Plus
Tab Mix Plus laiend on üldiselt suurepärane pikendamine, kuid veebiarendajatele on sellel mõned põhiliselt kasulikud funktsioonid: dubleeriv vahekaart ja kopeerimise vahekaardi URL.
YSlow
YSlowi laiendus on Yahoo'i uus laiendus, mis analüüsib teie lehte ja ütleb sulle, kus teete vigu. See annab teile isegi saidi jõudluse taseme. Te näete väiksemal paremal nurgal olevat väikest mõõdet … see ütleb teile kogu lehe suuruse ja laadimisaja. Väga kasulik laiendus, kuid see nõuab Firebagi laiendamist.
Dummy Lorem Ipsum
Dummy Lipsum generaatori laiendus loob teile näiva sisu, tuginedes kuulsale Lorem Ipsumi tekstile, mis on väga kasulik teie saidil võltsitud sisu levitamiseks.
Screengrab!
Screengrabi laiendus võimaldab teil teha ekraanikuvasid lehti, kuid võib teha midagi, mida tavaline ekraanipildi tööriist ei saa - see võib võtta kogu lehe kuju, mitte ainult vaadatavat osa.
Sel hetkel olete nüüd Firefoxi muutnud lõplikuks veebiarenduse tööriistaks. Võta aega, et õppida Firebagi kasutamist eriti.