24Aug

Hozzon létre egy végső Firefox webfejlesztési profilt

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.