Recent, am lansat o postare despre cele 12 extensii Google Chrome pentru dezvoltatori și designeri și, în timp ce unele dintre aceste extensii sunt disponibile pe Firefox , nu aș repeta niciunul aici.
În același mod, unele dintre extensiile enumerate mai jos sunt disponibile pe Chrome, așa că luați în considerare astfel de aplicații drept bonusuri pentru browserele respective.
1. Validator HTML
HTML Validator rulează codul dvs. pentru a vă asigura că respectă convenția standard HTML. Afișează numărul de erori pe care le vede pe pictograma din bara de instrumente.
Complementul Firefox validator HTML
2. Octotree
Ca dezvoltator, parcurg mai multe pagini de cod pe GitHub din când în când când caut să văd cum au rezolvat alți dezvoltatori anumite probleme . Dacă ești ca mine, vei găsi Octotree util.
Octotree afișează codul GitHub într-un format arborescent. În acest fel, puteți naviga printre liniile de cod fără a descărca fișierele sursă.
Octotree afișează codul GitHub în format arbore
3. HTTPS peste tot
HTTPS Everywhere criptează datele pe care le schimbați cu toate paginile web majore, chiar dacă acestea nu folosesc HTTPS.
Deci, dacă sunteți direcționat către pagini care nu folosesc https, puteți fi sigur că comunicarea dvs. online este sigură.
4. Test de performanță a paginii
Test de performanță a paginii vă oferă statistici despre paginile dvs. web, măsurând viteza acestora și performanța de încărcare. Puteți salva rezultatele diagramei pentru a o compara cu testele ulterioare.
Test de performanță a paginii
5. Usersnap
Usersnap vă permite să faceți capturi de ecran de site-uri web și să le adnotați adăugând desene de marcare și comentarii. De asemenea, vine cu o riglă de pixeli și se poate integra direct cu diverse instrumente de management de proiect, inclusiv Slac, Trello și JIRA.
Această listă nu va fi completă fără Usersnap, dat fiind că permite un proces eficient de feedback. Este un serviciu plătit, totuși, cu o perioadă de încercare gratuită de 14 zile.
Usersnap
6. Dezactivează JavaScript
Dezactivați JavaScript, după cum sugerează și numele, vă oferă posibilitatea de a dezactiva JavaScript pe site-uri web sau doar în anumite file. Îl puteți personaliza pentru a avea o stare JS implicită de pornit/dezactivat și un comportament implicit de dezactivare în funcție de domeniu/filă etc.
Dezactivați JavaScript
7. Lista de verificare pentru dezvoltatori web
Extensia Web Developer Checklist vă oferă o imagine de ansamblu asupra cât de utilizabil este site-ul dvs. conform celor mai bune practici de proiectare și dezvoltare.
Fecând clic pe pictogramă vă va informa despre SEO site-ului dvs., adrese URL prietenoase, favicon etc. cu bifă lângă ele pentru a indica permisiunea.
Lista de verificare pentru dezvoltatori web
8. Instrumente pentru dezvoltatori React
Cu creșterea aparent nesfârșită a popularității React, dezvoltatorii React se nasc aproape în fiecare zi, iar echipa React îi acoperă.
React Developer Tools vă oferă posibilitatea de a inspecta un arbore React împreună cu starea, elementele de recuzită, ierarhia, etc. Pentru a-l activa , lansați Firefox devtools și comutați la fila React.
Există și o versiune pentru Vue dezvoltatori sub forma Vue.js devtools.
React Developer Tools
9. ColorZilla
ColorZilla este un instrument excelent pentru dezvoltatori și designeri grafici pentru a alege culori din diferite pagini web.
Conține, de asemenea, un pipetă, un generator de gradient, un browser de palete și istoricul culorilor.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper vă permite să faceți capturi de ecran ale paginilor web și să le salveze automat în Evernotecont din care puteți face adnotări și puteți distribui membrilor echipei.
Evernote Web Clipper
11. Manager cookie
Cookie Manager este o extensie conștientă de securitate care vă permite să vizualizați, să adăugați, să editați, să ștergeți și să căutați module cookie în orice domeniu.
Ceea ce este și mai tare la Cookie Manager este că puteți exporta și importa module cookie între domenii.
Manager cookie
12. Editor live pentru CSS și LESS
Live Editor pentru CSS și LESS vă permite să scrieți cod CSS/LESS direct în browser. Codul dvs. intră în vigoare imediat și va fi salvat la nivel de site în spațiul de stocare local al browserului dvs.
Editorul său în pagină oferă completare automată, înfrumusețare, linter etc. Ar trebui să-l verificați.
Editor live pentru CSS
Vă place vreuna dintre extensiile enumerate sau aveți o listă pe care să o putem folosi? Secțiunea de comentarii este mai jos.