A közelmúltban közzétettünk egy bejegyzést a 12 Google Chrome-bővítményről fejlesztőknek és tervezőknek, és bár néhány ilyen bővítmény elérhető a Firefox oldalon , nem ismételném meg itt egyiket sem.
Ugyanígy az alább felsorolt bővítmények némelyike elérhető a Chrome webhelyen, ezért tekintse az ilyen alkalmazásokat bónuszként a megfelelő böngészők számára.
1. HTML Validator
HTML Validator végigfut a kódon, hogy megbizonyosodjon arról, hogy az megfelel a HTML szabványnak. Megjeleníti a látott hibák számát az eszköztár ikonján.
HTML Validator Firefox Addon
2. Oktofa
Fejlesztőként a GitHub kódoldalain futok át időnként, amikor azt keresem, hogy más fejlesztők hogyan oldottak meg bizonyos problémákat . Ha olyan vagy, mint én, akkor hasznosnak találod az Octotree
Octotree a GitHub kódot fa formátumban jeleníti meg. Így böngészhet a kódsorok között a forrásfájlok letöltése nélkül.
Octotree a GitHub kódot mutatja fa formátumban
3. HTTPS mindenhol
HTTPS Everywhere titkosítja az Ön által kicserélt adatokat az összes nagyobb weboldallal, még akkor is, ha azok nem használnak HTTPS-t.
Tehát ha olyan oldalakra irányítanak át, amelyek nem használnak https-t, biztos lehetsz benne, hogy online kommunikációja biztonságos.
4. Old alteljesítmény teszt
Old alteljesítmény-teszt Statisztikát ad weboldalairól azok sebességének és betöltési teljesítményének mérésével. A diagram eredményeit elmentheti, hogy összehasonlíthassa a következő tesztekkel.
Old alteljesítmény teszt
5. Usersnap
Usersnap lehetővé teszi, hogy képernyőképeket készítsen a webhelyekről, és jelölőrajzok és megjegyzések hozzáadásával megjegyzéseket fűzzen hozzájuk. Pixelvonalzóval is rendelkezik, és közvetlenül integrálható különféle projektmenedzsment eszközökkel, például a Slac-cal, a Trellóval és a JIRA-val.
Ez a lista nem lesz teljes a Usersnap nélkül, mivel hatékony visszajelzési folyamatot tesz lehetővé. Ez egy fizetős szolgáltatás, 14 napos ingyenes próbaverzióval.
Usersnap
6. JavaScript letiltása
JavaScript letiltása, ahogy a neve is sugallja, lehetővé teszi a JavaScript kikapcsolását webhelyeken vagy csak bizonyos lapokon. Testreszabhatja úgy, hogy a JS alapértelmezett állapota be/ki legyen, és alapértelmezett letiltási viselkedése tartományonként/laponként stb. legyen.
JavaScript letiltása
7. Webfejlesztői ellenőrzőlista
A webfejlesztői ellenőrzőlista bővítmény áttekintést nyújt arról, hogy webhelye mennyire használható a legjobb tervezési és fejlesztési gyakorlatok szerint.
Az ikonra kattintva tájékoztatja Önt webhelye SEO-járól, barátságos URL-jeiről, kedvenceiről stb., és mellettük pipa jelzi a belépést.
Webfejlesztői ellenőrzőlista
8. React Developer Tools
A React népszerűségének végtelennek tűnő növekedésével szinte minden nap születnek React fejlesztők, és a React csapata foglalkozik velük.
React Developer Tools lehetővé teszi a React fa állapotának, kellékeinek, hierarchiájának stb. ellenőrzését. Aktiválása , indítsa el a Firefox devtools alkalmazást, és váltson a React fülre.
Van egy verzió a Vue fejlesztők számára is Vue.js devtools formájában.
React Developer Tools
9. ColorZilla
AColorZilla kiváló eszköz a fejlesztők és grafikusok számára, hogy színeket válasszanak ki a különböző weboldalakról.
Tartalmaz továbbá egy pipettát, egy színátmenet generátort, palettaböngészőt és színelőzményeket.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper lehetővé teszi, hogy képernyőképeket készítsen a weboldalakról, és automatikusan elmentse őket az Evernote-ba.fiók, amelyből megjegyzéseket készíthet és megoszthat a csapat tagjaival.
Evernote Web Clipper
11. Cookie Manager
Cookie Manager egy biztonságtudatos bővítmény, amely lehetővé teszi a cookie-k megtekintését, hozzáadását, szerkesztését, törlését és keresését tartomány.
A Cookie Managerben az a menőbb, hogy exportálhat és importálhat cookie-kat a domainek között.
Cookie Manager
12. Élő szerkesztő CSS-hez és LESS
Live Editor for CSS and LESS lehetővé teszi, hogy CSS/LESS kódot írjon közvetlenül a böngészőbe. Kódja azonnal életbe lép, és a webhely szintjén mentésre kerül a böngésző helyi tárhelyére.
Oldalon belüli szerkesztője az automatikus kiegészítést, a szépítést, a szórást stb. kínálja. Érdemes megnézni.
Élő szerkesztő a CSS-hez
Szeretné a felsorolt bővítmények valamelyikét, vagy van listája, amelyet használhatunk? A megjegyzések rész alább található.