Lucrând ca dezvoltator web, probabil că petreceți mult timp folosind browserul. Astăzi, aproape fiecare browser are propriile instrumente pentru dezvoltatori, care vă permit să vedeți ce se întâmplă în spatele scenei. Unele browsere au numeroase extensii care vă vor ajuta să optimizați procesul de dezvoltare web.
În acest post, am colectat extensiile preferate și utile pentru Google Chrome, ajutând la simplificarea vieții unui dezvoltator web.
1 Web Developer
2 Accesibilitate Instrumente Web pentru dezvoltatori
3 Tester de web design responsiv
Utilizați extensia Testare responsabilă pentru web design. Pentru a verifica modul în care pagina reacționează la diferite dispozitive. Acesta reflectă mărimea și browserul dispozitivului mobil, vine cu presetări ale diferitelor dispozitive Android. De asemenea, funcționează într-un mod offline, care este util atunci când dezvoltați site-uri pe o gazdă locală fără acces la Internet.
4 Wappalyzer
5 PerfectPixel
6 GitHub rafinat
7 anteturi CDN fursecuri
8 Comutare agent utilizator
Utilizați această extensie. pentru a schimba agentul utilizator pentru a schimba dispozitivul și / sau browserul. Puteți comuta rapid între diferiți utilizatori sau adăuga propriile setări, simulând Internet Explorer, iPhone sau imita Google bot. Acest lucru este util pentru depanarea și testarea comportamentului site-ului pe diverse dispozitive.
9 JSON Viewer
10 Verificați legăturile mele
11 Usersnap
Adesea, dezvoltatorii web lucrează zilnic cu mai mulți oameni în timp ce lucrează la un proiect. Această extensie mică va simplifica procesul de colaborare, deoarece creează capturi de ecran ale conținutului actual. Veți putea să comunicați mai eficient cu privire la diverse probleme, să faceți schimb de feedback între alți dezvoltatori, clienți și alte persoane implicate în dezvoltarea de proiecte web.
Tab-ul IE emulează Internet Explorer, folosind motorul de randare direct în Chrome. Aplicația vă permite să utilizați controale ActiveX pentru a testa site-urile dezvoltate cu diferite versiuni ale IE, variind de la IE6 la IE9.
13 AutoSave DevTools
14 Chrome MySQL Admin
Dacă lucrați zilnic cu baze de date, luați în considerare posibilitatea includerii acestei extensii în fluxul de lucru. Acesta este un simplu client MySQL cu toate instrumentele necesare pentru gestionarea bazelor de date și a tabelelor MySQL. Veți fi capabil să se conecteze la baza de date și de a gestiona, executa interogări, crea și șterge tabele și mai mult într-o interfață rapidă, aplicații ușoare.
15 Grunt Devtools
Această extensie a instrumentelor pentru dezvoltatori Chrome adaugă instrumente cu suport pentru activități de fundal și vă permite să efectuați sarcini pentru mai multe proiecte într-o singură fereastră.
Articole similare
Trimiteți-le prietenilor: