Megfelelően konfigurálva a Firefox a legfrissebb webfejlesztő eszközzé válhat, amely közvetlen hozzáférést biztosít Önnek ahhoz az oldalhoz, amelyen dolgozik, így valós időben stílusozhatja az oldalát, javíthatja a javascriptet, vagy akár a html-t is szerkesztheti.
Hozzon létre külön profilt a webfejlesztéshez
Ezen fejlesztőeszközök telepítésével a Firefox nagyon nehéz böngészővé válik, ezért először létre kell hoznunk egy új profilt a Firefox számára.
Külön profilt indíthat a szokásos profiljával egyidejűleg, ha új parancsikont hoz létre ezekkel az argumentumokkal, és a WebDev-et lecseréli a profil nevére. Van még egy részletesebb magyarázat hogy hogyan kell ezt megtenni.
firefox.exe -P WebDev -no-remote
Most, hogy a Firefox-ot csak egy webfejlesztéshez külön profillal konfigurálta, vessünk egy pillantást azokra a kiterjesztésekre, amelyekkel a Firefox a legfrissebb webfejlesztő eszközzé válhat.
Must-Have Web Dev kiterjesztések
Ezek mind olyan kiterjesztések, amelyeket rendszeresen használok webfejlesztéshez.
A Firebug a legerősebb kiterjesztés a javascript hibakereséséhez, a CSS és a html megtekintéséhez. Dinamikusan módosíthatja a kódot és a CSS-t, és felhasználhatja az Ajax-kód hibakeresésére. Ez valóban a legjobb kiterjesztés odakinn.
Az egyik legjobb kiterjesztés x éven át. Ez kötelező minden fejlesztő számára, de már hallottál róla.
Ez a kiterjesztés nagyon könnyű kiterjesztés, amely könnyen megmutatja az oldal elemeit és a hozzájuk rendelt osztályt / azonosítót. Egyszerűbb használni, mint a webfejlesztői bővítményt azokban az időkben, amikor csak egy elem gyors információjára van szükség. Használhatja az elemek eltávolítására is az oldalról.
Könnyen kiválaszthatja a színeket. Nincs több fájdalom, ha valahol a stíluslapba ágyazott színeket találunk.
Forrás megtekintése a következővel:
Több nézet forrásprofilt is beállíthat a forrás megnyitásához különböző alkalmazásokban.
Ez a kiterjesztés lehetővé teszi az oldal HTML-kódjának egyszerű ellenőrzését, és telepíti a Nézet forrása panelre.
Ez nem éppen webfejlesztő kiterjesztés, de a Greasemonkey félelmetes, nem utolsósorban a gyakran végrehajtott műveletek automatizálásának képessége miatt, ami nagyszerű időmegtakarítást jelent a webfejlesztők számára.
Ezzel a kiterjesztéssel könnyen mérheti meg a távolságot a képernyőn. Miután megmérte a területet, húzza a téglalapot a képernyő körül, hogy összehasonlításként felhasználja.
IE View / IE Tab / OperaView / FirefoxView / Safari nézet / IE View Lite
Ezekkel a bővítményekkel (válasszon egyet) könnyedén megtekintheti az aktuális oldalt a különböző böngészőkben. Az IE Tab még akkor is lehetővé teszi az IE futtatását a fül belsejében, ha annyira hajlandó lenne.
Törli a gyorsítótárat. Különösen hasznos az új CSS-változások ellenőrzéséhez.
A Restart Firefox kiterjesztés nagyon hasznos a Firefox bezárásához és újraindításához, ha az összes fül és munkamenet sértetlen.
A Tab Mix Plus kiterjesztés általában nagyszerű kiterjesztés, de néhány alapvetően hasznos funkcióval rendelkezik a webfejlesztők számára: A lap duplikálása és a fül másolása URL.
Az YSlow kiterjesztés a Yahoo új kiterjesztése, amely elemzi az oldaladat, és megmondja, hol hibázol. Ez még értékelést is ad a webhely teljesítményéről. Észre fogja venni a kis nyomtávot a jobb alsó sarokban ... ez megadja az oldal teljes méretét, valamint a betöltési időt. Nagyon hasznos kiterjesztés, de megköveteli a Firebug kiterjesztést.
A Dummy Lipsum generátor kiterjesztése hamis tartalmat generál Önnek a híres Lorem Ipsum szöveg alapján, amely nagyon hasznos hamis tartalom elhelyezéséhez a webhelyén.
A Screengrab kiterjesztés lehetővé teszi, hogy képernyőképeket készítsen az oldalakról, de tehet valamit, amit egy szokásos képernyőkép eszköz nem képes - képes képet készíteni az egész oldalról, nem csak a látható részről.
Rengeteg más kiterjesztés használható, de ezek a legjobbak közül a legjobbak a látottak közül. Ha van egy másik rendszeresen használt kiterjesztése, hagyjon említést a megjegyzésekben.
Ezen a ponton most a Firefox-ot a legfőbb webfejlesztő eszközzé tette. Szánjon időt arra, hogy megtanulja különösen a Firebug használatát.
