24Aug
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 időben elkészítheti oldalát, javíthatja a javascript hibakeresését, vagy akár szerkesztheti a html-t.
Különálló profil létrehozása a webfejlesztéshez
Az összes ilyen fejlesztőeszköz 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.
A profiloddal egyidejűleg külön profilt is elindíthat, ha új parancsikont hoz létre ezekkel az érvekkel, és felváltja a WebDev-et a profil nevével. Van még egy részletesebb magyarázat arról, hogyan kell ezt tenni.
firefox.exe -P WebDev -nem-távvezérlő
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.
Must-Have Web Dev Extensions
Ezek mind olyan kiterjesztések, amelyeket rendszeresen használok a webfejlesztéshez.
Firebug
Firebug a leghatékonyabb kiterjesztés javascript hibakeresésére, CSS és 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.
Web Developer Extension
Az egyik legjobb kiterjesztés x évig fut. Ez minden fejlesztő számára kötelező, de már hallott róla.
Aardvark Extension
Ez a kiterjesztés egy nagyon könnyű kiterjesztés, amely könnyen megmutatja az elemeket az oldalon és a hozzárendelt osztályukat / azonosítóikat. 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álassza ki a színeket egyszerűen. Nincs több fájdalom a színek beágyazásához valahol a stíluslapon.
Megtekintési forrás az
segítségével Megadhatja a több nézetforrásprofilokat, 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-jét, és telepítse a View Source panelt.
Greasemonkey
Ez nem egy webfejlesztő kiterjesztés, de a Greasemonkey félelmetes, 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érje meg a 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 View / IE lap / OperaView / FirefoxView / Safari nézet / IE View Lite
Ezek a bővítmények( válasszuk ki) lehetővé teszik az aktuális oldal különböző böngészőkben történő megtekintését. Az IE lap lehetővé teszi, hogy futtasson IE-t egy lapon belül, ha ilyen hajlandó volt.
Clear Cache gomb
Törli a gyorsítótárat. Különösen hasznos az új CSS-változások ellenőrzéséhez.
Restart Firefox
A Firefox újraindítása rendkívül hasznos a Firefox bezárásához és újraindításához, mivel minden lap és munkamenet érintetlen marad.
Tab Mix Plus
A Tab Mix Plus bővítmény nagyszerű kiterjesztés általában, de néhány alapvetően hasznos funkciót kínál a webfejlesztők számára: a Duplicate Tab és a Copy Tab URL.
YSlow
Az YSlow kiterjesztés egy új Yahoo kiterjesztés, amely elemzi az oldalt, és megmondja, hogy hová téved. 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 webhelyén található hamis tartalom feltárásához.
Screengrab!
A Screengrab kiterjesztés lehetővé teszi, hogy készítsen screenshotokat az oldalakról, de megteheti, hogy a rendszeres képernyőképes eszköz nem képes - a teljes oldalt ábrázolni, nem csak a látható részről.
Számos más kiterjesztés használható, de ezek a legjobbak a legjobbak közül, amiket láttam. Ha egy másik, rendszeresen használt bővítményt használ, hagyja a megjegyzéseket a megjegyzésekben.
Mostantól a Firefoxot a végső internetes fejlesztőeszközévé tettük. Szánj időt arra, hogy megtanulják használni a Firebug-t.