Ha megfelelően konfigurálta, a Firefox válhat a végső webfejlesztő eszközévé, amely közvetlen hozzáférést biztosít az Ön által kezelt oldalhoz, így valós idejű stílusát, JavaScript javítását, vagy akár a html szerkesztését is szerkesztheti.
Külön profil létrehozása a webfejlesztéshez
Ezeknek a fejlesztőeszközöknek a telepítése a Firefoxot egy nagyon nehéz böngészővé teszi, ezért először létre kell hoznunk egy új profilt a Firefox számára.
Külön profilot indíthat el a rendszeres profiljával egyidőben, új parancsikont hozva létre ezekkel az érvekkel, és a WebDevet a profil nevével helyettesítheti. Van még egy részletesebb magyarázat arról, hogyan kell ezt tenni.
firefox.exe -P WebDev -no-remote
Most, hogy a Firefox egy külön profillal van konfigurálva, csak webfejlesztés céljából, vessünk egy pillantást a bővítményekre, amelyek segítségével a Firefoxot a végső webfejlesztő eszközévé tehetjük.
Kell-Have Web Dev Extensions
Ezek mind olyan kiterjesztések, amelyeket rendszeresen használok a webfejlesztéshez.
Szentjánosbogár
A Firebug a leghatékonyabb kiterjesztés a javascript hibakeresésére, a CSS és a html megtekintésére. Dinamikusan módosíthatja a kódot és a CSS-t, és használhatja az Ajax kód hibakeresésére. Ez valóban a legjobb kiterjesztés.
Webfejlesztői bővítmény
Az egyik legjobb kiterjesztés x évig fut. Ez minden fejlesztő számára kötelező, de már hallott róla.
Aardvark kiterjesztés
Ez a kiterjesztés egy nagyon könnyű kiterjesztés, amely könnyen megmutatja az elemeket az oldalon és azok hozzárendelt osztályát / azonosítóját. Egyszerűbb használni, mint a webfejlesztő kiterjesztése azokhoz az időkhöz, amikor csak egy elem gyors információra van szüksége. Az elemek eltávolításához is használhatja az oldalt.
ColorZilla
Válasszon színeket egyszerűen. Nincs több fájdalom a színek beágyazásához valahol a stíluslapon.
Forrás megtekintése
Beállíthatja több nézetforrás profilokat, hogy a forrásokat különböző alkalmazásokban nyissa meg.
HTML Validator
Ez a bővítmény lehetővé teszi, hogy könnyen ellenőrizze az oldal HTML-kódját, és telepítse a Megtekintés forrása panelen.
Greasemonkey
Ez nem pontosan egy webfejlesztő kiterjesztés, de a Greasemonkey fantasztikus, nem utolsósorban a rendszeresen végrehajtott műveletek automatizálásának képességére, ami nagyszerű időt takarít meg a webfejlesztők számára.
Mérje meg
Könnyen mérhet távolságot a képernyőn ezzel a kiterjesztéssel. Miután mérte a területet, húzza át a négyszöget a képernyő körül, hogy összehasonlításként használja.
IE nézet / IE Tab / OperaView / FirefoxView / Safari nézet / IE Lite megtekintése
Ezek a bővítmények (vegye be a választékot) lehetővé teszik, hogy az aktuális oldalt könnyedén megtekinthesse a különböző böngészőkben. Az IE lap lehetővé teszi, hogy futtasson IE-t egy lapon belül, ha ilyen hajlandó volt.
Törölje a gyorsítótárat
Törli a gyorsítótárat. Különösen hasznos az új CSS-változások ellenőrzéséhez.
Indítsa újra a Firefoxot
A Firefox újraindítása nagyon hasznos a Firefox bezárásához és újraindításához, mivel az összes lap és munkamenet érintetlen marad.
Tab Mix Plus
A Tab Mix Plus kiterjesztése nagyszerű kiterjesztés általában, de van néhány alapvetően hasznos funkció a webfejlesztők számára: Duplicate Tab és Copy Tab URL.
YSlow
A YSlow kiterjesztés egy új Yahoo kiterjesztés, amely elemzi az oldalt, és megmondja, hogy hol hibázol. Még egy fokozatot is megad a webhely teljesítményén. Érdemes észrevenni a kis szelvényt a jobb alsó sarokban … megmutatja az oldal teljes méretét, valamint a betöltési időt. Nagyon hasznos kiterjesztés, de ehhez a Firebug bővítményre van szükség.
Dummy Lorem Ipsum
A Dummy Lipsum generátor kiterjesztése Önnek a híres Lorem Ipsum szöveg alapján generálja a dummy tartalmat, ami nagyon hasznos a hamis tartalmak megteremtésében.
Screengrab!
A Screengrab kiterjesztés lehetővé teszi, hogy készítsen képernyőképeket az oldalakról, de megtehet valamit, amire a rendszeres képernyőképes eszköz nem képes - a teljes oldalt ábrázolhatja, nem csak a látható részen.
Mostantól a Firefoxt a végső internetes fejlesztőeszközévé tettük. Szánj időt arra, hogy megtanulják használni a Firebug-t.