Zrovna nedávno jsme vydali příspěvek o 12 rozšířeních pro Google Chrome pro vývojáře a designéry a některá z těchto rozšíření jsou dostupná na Firefox , žádné bych zde neopakoval.
Stejným způsobem jsou některá z níže uvedených rozšíření dostupná v Chrome, takže takové aplikace berte jako bonusy pro příslušné prohlížeče.
1. HTML Validator
HTML Validator projde váš kód, aby se ujistil, že je v souladu se standardní konvencí HTML. Zobrazuje počet chyb, které vidí, na ikoně v panelu nástrojů.
HTML Validator Doplněk pro Firefox
2. Octotree
Jako vývojář jsem tu a tam prošel několik kódových stránek na GitHub, když jsem hledal, jak jiní vývojáři vyřešili určité problémy . Pokud jste jako já, pak Octotree bude užitečné.
Octotree zobrazuje kód GitHubu ve stromovém formátu. Tímto způsobem můžete procházet řádky kódu bez stahování zdrojových souborů.
Octotree zobrazuje kód GitHub ve stromovém formátu
3. HTTPS všude
HTTPS Everywhere šifruje data, která si vyměňujete se všemi hlavními webovými stránkami, i když nepoužívají HTTPS.
Pokud budete přesměrováni na stránky, které nepoužívají https, můžete si být jisti, že vaše online komunikace je bezpečná.
4. Test výkonu stránky
Test výkonu stránky vám poskytuje statistiky o vašich webových stránkách měřením jejich rychlosti a výkonu načítání. Výsledky grafu si můžete uložit, abyste je mohli porovnat s následnými testy.
Test výkonu stránky
5. Usersnap
Usersnap vám umožňuje pořizovat snímky obrazovky webových stránek a komentovat je přidáním nákresů značek a komentářů. Dodává se také s pixelovým pravítkem a lze jej přímo integrovat s různými nástroji pro řízení projektů včetně Slac, Trello a JIRA.
Tento seznam nebude úplný bez Usersnap, protože umožňuje efektivní proces zpětné vazby. Je to však placená služba se 14denní bezplatnou zkušební verzí.
Usernap
6. Zakázat JavaScript
Zakázat JavaScript, jak název napovídá, vám dává možnost vypnout JavaScript na webových stránkách nebo pouze na konkrétních kartách. Můžete jej upravit tak, aby měl výchozí stav JS zapnuto/vypnuto a výchozí chování deaktivace podle domény/karty atd.
Zakázat JavaScript
7. Kontrolní seznam pro vývojáře webu
Rozšíření Web Developer Checklist vám poskytuje přehled o tom, jak jsou vaše stránky použitelné v souladu s nejlepšími postupy návrhu a vývoje.
Kliknutím na ikonu budete informováni o SEO vašeho webu, přátelských adresách URL, favicon atd. se zaškrtnutím vedle nich, které označují povolení.
Kontrolní seznam pro vývojáře webu
8. Reagovat Developer Tools
Se zdánlivě nekonečným nárůstem popularity Reactu se vývojáři React rodí téměř každý den a tým React je má na starosti.
React Developer Tools vám dává možnost prozkoumat strom React spolu s jeho stavem, rekvizitami, hierarchií atd. Chcete-li jej aktivovat , spusťte Firefox devtools a přepněte se na kartu Reagovat.
K dispozici je také verze pro Vue vývojáře ve formě Vue.js devtools.
React Developer Tools
9. ColorZilla
ColorZilla je vynikající nástroj pro vývojáře a grafické designéry k výběru barev z různých webových stránek.
Obsahuje také kapátko, generátor přechodů, prohlížeč palet a historii barev.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper vám umožňuje pořizovat snímky obrazovky webových stránek a automaticky je ukládat do Evernoteúčet, ze kterého můžete vytvářet poznámky a sdílet je se členy týmu.
Evernote Web Clipper
11. Správce souborů cookie
Cookie Manager je rozšíření zaměřené na zabezpečení, které vám umožňuje prohlížet, přidávat, upravovat, mazat a vyhledávat soubory cookie v libovolném doména.
Na Správci souborů cookie je ještě úžasnější, že můžete exportovat a importovat soubory cookie mezi doménami.
Správce souborů cookie
12. Živý editor pro CSS a LESS
Živý editor pro CSS a LESS vám umožňuje psát kód CSS/LESS přímo do vašeho prohlížeče. Váš kód se projeví okamžitě a bude uložen na úrovni webu v místním úložišti vašeho prohlížeče.
Jeho editor na stránce nabízí automatické doplňování, zkrášlování, linter atd. Měli byste se na to podívat.
Živý editor pro CSS
Líbí se vám některé z uvedených rozšíření nebo máte seznam, který můžeme použít? Sekce komentářů je níže.