15 Firefox bővítmény webes fejlesztők számára

Az elmúlt hetekben egy új webhelyen dolgoztam. De ahelyett, hogy egyedül csinálnám, úgy döntöttem, hogy segítséget kapok a Firefox kiterjesztéseiből. Sokkal könnyebbé tették a munkámat, és mindössze néhány másodperc alatt letölthetők.

Aardvark: Az Aardvark lehetővé teszi, hogy kiválasszon elemeket egy weblapról, és különböző műveleteket hajtson végre rájuk. Az oldal szerkezetének elemzésére használom. Elemeket is eltávolíthat és izolálhat, vagy létrehozhat DOM kódot. Nagyon ajánlom.

ColorZilla: Ha van egy szín a kívánt weblapon, a ColorZilla megtalálja a pontos kódot, és lehetővé teszi, hogy beillessze a kódolási programba. Egyéni színeket is létrehozhat a beépített paletta böngészőjével. A későbbiekben a leggyakrabban használt színeket elmenti a könnyű hozzáférés érdekében. Erőteljes, egyszerű, ez kötelező.

CSS Validator: CSS Validator jobb egérgombbal választhatja ki a böngészőjét, és elküldi a CSS-t a W3C CSS Validatornak. Megnyitja az eredményeket egy új lapon. A CSS Validator egy szép eszköz, amely gyakran hasznos lesz.

CSSViewer: Egy webes tervezőnek nem szabad CSSViewer nélkül működnie. A bővítmény tájékoztatja Önt az összes CSS-információról, amire szüksége lesz egy webhelyről. Egyszerűen kattintson a kívánt oldalra, nyissa meg az Eszközök menüben, és megjeleníti a CSS információkat. Majdnem minden nap használom.

FireBug: A Firebug az egyik olyan kiterjesztés, amelyet egyszerűen nem lehet nélkülözni. Lehetővé teszi a CSS, a HTML és a JavaScript szerkesztését, hibakeresését és megtekintését. Miután megváltoztatta a webhely HTML-jét, a Firebug automatikusan megjeleníti azt ugyanazon a panelen. Rendkívül erős.

FirePHP: A FireBug egy finom eszköz a CSS, a HTML és a JavaScript számára, de a FirePHP, amely csak akkor működik, ha a FireBug kiterjesztés telepítve van, teljes körű fejlesztési élményt nyújt. Mindkét kiegészítő segítségével megtekintheti a PHP minőségét és találhat hibákat. Ez nagy segítség.

Font kereső: A Font Finder lehetővé teszi, hogy kiemelje a tetszőleges betűtípust bármelyik webhelyen, kattintson a jobb gombbal a választásra, és a "Betűkészlet kereső" kiválasztása után nézze meg a teljes CSS szövegstílust. Ezt követően beillesztheti azt saját weblapjába.

HTML Validator: A HTML Validator egy rendkívül hatékony eszköz, amely csak a Windows felhasználók számára elérhető. A bővítmény visszajelzést ad az oldal hibáiról. Azt is lehetővé teszi, hogy tudd, hol kell kezelni a problémákat. De ha Ön nem fejlett webes tervező, maradjon távol az eszköztől. Nagyon bonyolult.

IE nézet: Amíg Windows operációs rendszert futtat, az IE View hasznos eszköz. A kiterjesztés egy "Open in IE" opciót ad a jobb egérgombbal a menüben, így gyorsan megnyithat egy webhelyet az Internet Explorerben. Nagyszerű módja annak, hogy ellenőrizze, hogyan néz ki az oldal mindkét böngészőben.

Java konzol: Ha azt szeretné látni, hogy a Java appletek weblapokon futnak, a Java konzol az Ön számára. Az appleteket monitorozhatja és hibakeresheti, és teljes jelentést kaphat a teljesítményéről.

LinkChecker: A LinkChecker kiemeli a linkeket bármely webhelyen, és elmondja, hogy a link egy élő webhelyre irányítja-e, vagy ha 404-et fog visszatérni.

Poszter: Ha a szerverek hibakeresését és HTTP-kérések végrehajtását szeretné megtenni, akkor a poszter az Ön számára megfelelő eszköz. Könnyen használható, beállíthat egy tartalomtípust, és néhány percen belül megvan az összes olyan információ, amire szüksége van a HTTP-lekérdezés eredményeinek ellenőrzéséhez. Hasznos.

Stíluslap-választó II: A stíluslap-választó II helyettesíti a Firefox beépített stíluslap-kapcsolóját, és lehetővé teszi, hogy kiválasszon egy alternatív stílust, amely a webhely minden oldalán megmarad. Ez nem valami, amit gyakran fog használni, de ha szüksége van valamire, a II. Stíluslap-választó az út.

Webfejlesztő: Ha telepíti a bővítmények bármelyikét, a webfejlesztőt be kell vonni. Hozzáad egy menüt és eszköztárat a Firefoxhoz, amely lehetővé teszi az oldal stílusának megjelenítését, a CSS megtekintését és szerkesztését, és még sok más. Nincs ilyen webfejlesztő.

YSlow: Az YSlow megköveteli, hogy a FireBug telepítésre kerüljön, de ez nagyszerű módja annak, hogy megtudja, miért fut a webhelye olyan lassan. A weblapokat elemzi, és azokat a kérdéseket visszaküldi, amelyek lassítják a webhelyet a Yahoo nagy teljesítményű webhelyekre vonatkozó szabályai alapján. Gyakran használom, hogy megtudjam, hol tudom javítani a webhelyeim sebességét. Próbáld ki.

 

Hagyjuk Meg Véleményét