2018-ban a legnagyobb változást a FireFox és ezzel együtt a bővítmények működésének alapos átalakítása jelentette. Ennek eredményeként sok népszerű kiegészítőt már nem karbantartanak, vagy elérhetetlenné váltak.
A legtöbb Firefox-bővítmény a Google Chrome bővítményeként is elérhető. Ebben a cikkben megpróbáljuk előnyben részesíteni keresztböngésző kiegészítőket/bővítményeket, ami ebben az összefüggésben azt jelenti, hogy működni fognak Firefoxon, Chrome-on és Chromiumon. Előnyben részesítjük azokat az ingyenes bővítményeket is, amelyekről ismert, hogy nem adják át az Öntformatharmadik feleknek, és nem támogatják a hirdetési bevételeket. Inkább azokra a bővítményekre összpontosítunk, amelyek nem korlátozzák Önt egy adott fejlesztési technológiára.
Kevés fejlesztő látna előnyt a Microsoft Edge fejlesztői böngészőként való használatában, de ez megfelelő a fejlesztés utáni teszteléshez. Várhatóan csak 4 webhelylátogatóból valamivel több mint 100 fogja használni, bár ez a szám némileg növekedni fog, ahogy egyre több felhasználó hagyja el az Internet Explorert.
Bár a Chrome-felhasználók száma jóval több, mint a Firefox-felhasználó, az informatikusok inkább a Firefoxot részesítik előnyben, ezért a Firefoxban több és jobb bővítmény is megcélozza a fejlesztőket.
Most pedig nézzük meg a legjobb böngészőbővítményeket a fejlesztők számára, és hogy miért érdemes ezeket hozzáadni a böngészőhöz.
1. Beépített
Ha egy igazán jól elkészített webhelyen találja magát, és tudni szeretné, hogyan hozták létre, ez a bővítmény sok időt és erőfeszítést takarít meg a forráskódban való kutakodással. Letöltési linkek: Chrome / Chromium, Firefox
2. fejsze
Ez egy akadálymentesítés-ellenőrző eszköz. Mindig az a legjobb, ha megpróbálja oldalait a lehető legjobban hozzáférhetővé tenni, és az axe segít elkerülni, hogy véletlenül kizárja a felhasználók egy részét a webhelyről. Letöltési linkek: Chrome / Chromium, Firefox
3. ColorZilla
Ez a régi, de még mindig jópofa bővítmény lehetővé teszi, hogy színmintát vegyen közvetlenül az oldalról, színkódokat kérjen le, színátmeneteket generáljon stb. Letöltési linkek: Chrome / Chromium, Firefox
4. WebDeveloper
Hasznos extrákat ad a böngészőhöz a CSS, űrlapok, képek és bemenet vezérléséhezformation. A valaha készült egyik legnépszerűbb bővítmény. Letöltési linkek: Chrome / Chromium, Firefox
5. Woo Rank
Elemezze bármelyik weboldalt keresőoptimalizálási adatok szempontjából. Hatékony jelentést biztosít, amely bemutatja a SEO összes belső elemét, beleértve az általános SEO pontszámot, a javítási javaslatokat, a kulcsszófelhőt és még sok mást. Letöltési linkek: Chrome / Chromium, Firefox
6. Tab2QR
Generáljon QR-kódot az éppen aktuális oldalról, és a QR-kód beolvasásával telefonjával is felkeresheti az oldalt. Tesztelésre jó responsive webhelyeket, még akkor is, ha nem Ön hozta létre őket. Letöltési linkek: Chrome / Chromium, Firefox
7. HTTP Request Maker
Ez nagyon hasznos lehet a PHP-űrlapválaszok teszteléséhez, ahol nem igazán szeretné elküldeni az űrlapot (ami további feldolgozást válthat ki, amelyet nem kell tesztelnie). Ezzel az eszközzel könnyedén hamisíthat HTTP kéréseket. Vegye figyelembe, hogy bár a Chrome- és a Firefox-bővítményeknek ugyanaz a neve, és ugyanazokat a dolgokat végzik, más-más fejlesztők készítették őket, és nem teljesen egyformák. Letöltési linkek: Chrome / Chromium, Firefox
8. Oldal teljesítményteszt
Gyorsan kaphat jelentést arról, hogy oldala hogyan teljesít a böngészőjéhez vezető út különböző szakaszaiban. Ez olyan, mint a tracert fejlettebb változata. Ez egyelőre csak Firefoxon érhető el. Vannak hasonló bővítmények a Chrome-hoz és a Chromiumhoz, de ezek nem olyan gazdagok a funkciókban, mint ez. Letöltési linkek: Firefox
9. Szószámláló eszköz
Ez valójában többet tud tenni, mint amit a név sugall, mivel azt is megmondja, hány karakter és hány mondat található egy kiválasztott szövegblokkon (vagy az egész oldalon) belül. Letöltési linkek: Chrome / Chromium, Firefox
10. Webfejlesztői ellenőrzőlista
Győződjön meg arról, hogy követi a legjobb webfejlesztési gyakorlat irányelveit ezzel az eszközzel, amely megmutatja, hol csúszott el a szabvány. Letöltési linkek: Chrome / Chromium, Firefox
11. Képtérkép-szerkesztő
A német Heinz-Jürgen Boms fejlesztő kiváló bővítményeinek hármasának egyike, ez pontosan azt teszi, amit a név mondja. Közvetlenül a böngészőben létrehozhat egy képtérképet, csupán a leképezni kívánt képterületek mentén. Letöltési linkek: Firefox
12. Advanced Frame Editor
Egy másik bővítmény a Heinz-Jürgen Boms-tól, ez valóban egy CSS stíluseszköz, amellyel közvetlenül a böngészőben építhet keretet az attribútumok megadásával. Érdemes megnézni a dokumentáció használatának megkezdése előtt. Letöltési linkek: Firefox
13. Bootstrap Responsive Segítő
Ez egy nagyon egyszerű kis kiterjesztés, amely segít gyorsan látni, hogy a töréspontok megfelelően működnek-e, és hogy milyen rendszerindítási szinten van az aktuális mód. Természetesen csak akkor lesz szüksége erre a kiterjesztésre, ha valóban a Bootstrapben dolgozik. A Chrome verziót Jonathan Defraiteur, a Firefoxot pedig Kevin Bon fejlesztette ki. Letöltési linkek: Chrome / Chromium, Firefox
14. Próbálja ki Ön is a HTML5 szerkesztőt
Ha azt szeretné, hogy a dolgok egyszerűek legyenek, és minden munkáját egy helyről végezze el, ez a bővítmény az Ön számára készült. Ez a funkciókban gazdag szerkesztő közvetlenül a böngészőben működik, és támogatja a HTML-t, a CSS-t és a JavaScriptet. Korántsem tökéletes, de a gyors és piszkos szerkesztéshez anélkül, hogy külön alkalmazást kellene megnyitnia, elvégzi a munkát. Letöltési linkek: Firefox
15. Röntgenszemüveg
Technikailag ez nem egy kiterjesztés, hanem egy könyvjelző. De annyira jól működik, hogy nem hagyhattuk ki a listáról. Annak ellenére, hogy a Mozilla készítette, ugyanolyan jól működik a Chrome-ban, mert mindkét böngésző teljes mértékben kompatibilis a szabványokkal. A használatához láthatóvá kell tennie a könyvjelzősávot. Ezután keresse fel a letöltési oldalt, amelyet az alábbi linkeken keresztül érhet el, és húzza a X-Ray Goggles gombot a könyvjelzősávra. Ezután keresse fel bármelyik webhelyet, indítsa el a X-Ray Goggles könyvjelzőjét, válasszon ki egy elemet az oldalon, és szerkesztheti a kódot. Letöltési linkek: Chrome / Chromium, Firefox
fejléckép jóvoltából Monika Pola
Hozzászólások 0 válaszok