Deși prima versiune de Google Chrome a apărut în 2008, în ultimii 10 ani, Google Chrome a devenit cel mai utilizat și cel mai popular browser existent. Tocmai din acest motiv este foarte important pentru dezvoltatorii web să beneficieze de extensii care să le facă munca mai ușoară și cât mai automatizată.
Acestea sunt unele dintre cele mai bune extensii Google Chrome pentru web developeri:
Cu aproape 1 milion de instalări și un rating de 4.5 din 5, această extensie adaugă un toolbar cu diferite instrumente de dezvoltare web referitoare la imagini, informații, redimensionare, formulare și multe altele.
Wappalyzer este o extensie Google Chrome care permite dezvoltatorului să identifice diferitele tehnologii care formează partea din spate a unui site.
Wappalyzer este un utilitar open-source și cross-platform care poate detecta peste 1000 de tehnologii, inclusiv sisteme de management al conținutului, platforme de comerț electronic, cadre web, software de server, instrumente de analiză și multe altele.
Datorită schimbărilor constante alte algoritmului Google privind indicele mobil, este mai important ca oricând dezvoltatorii să testeze site-urile web pentru un design responsive – aici intervine extensia Window Resizer Google Chrome.
Această extensie de Chrome redimensionează fereastra browserului, astfel încât să puteți testa designul pe baza diferitelor rezoluții. Cele mai comune dimensiuni ale ecranului sunt disponibile (pentru laptop, desktop și mobil), dar puteți, de asemenea, să introduceți rezoluții custom.
Page/Element Dimensions:
Extensia Page Ruler face o riglă pe pagina browser-ului, oferindu-vă lățimea, înălțimea și poziția (partea de sus, de jos, stânga și dreapta) a oricărui element din pagină pe care doriți să-l măsurați. Puteți să trageți marginile riglei pentru a o redimensiona sau să utilizați săgețile de pe tastatură pentru a le muta sau redimensiona.
Instrumentul Instant Wireframe vă permite să vizualizați pagini web (fie locale sau online) într-o perspectivă diferită, prin plasarea unei suprapuneri de tip wireframe pe partea de sus a acestora. Este o modalitate excelentă de a sparge elemente de pagină mai simplist când căutați inspirație de design pentru un nou proiect.
Extensia Marmoset face posibilă crearea de instantanee de cod, în doar câteva secunde. Deși poate părea un pic cam prost în comparație cu unele dintre celelalte opțiuni de pe această listă, este utilă pentru crearea de reprezentări grafice ale muncii dvs. pentru a fi utilizate pe social media, în portofoliul dvs. etc
Extensia WhatFont Google Chrome ajută dezvoltatorii să identifice cu ușurință fonturile utilizate pe un site. Odată instalată, utilizatorii trebuie să treacă cu mouse-ul peste font pentru a determina ce este, spre deosebire de alte programe similare (cum ar fi WhatTheFont) care pot fi ușor mai complicate de utilizat.
Cu peste 5 milioane de download-uri și 1,3 milioane de utilizatori, ColorZilla este una dintre cele mai populare extensii Google Chrome disponibile. În esență, este exact ca WhatFont dar pentru culoare – tot ce trebuie să faceți este să treceți deasupra culorii pentru a genera un cod de culoare. ColorZilla dispune de o multitudine de instrumente de culoare pentru orice nevoie, printre care: o pipetă, un picker de culoare, un vizualizator de palete și un generator de gradient.
Unul dintre cele mai utile instrumente pentru dezvoltatori, analizează și verifică site-ul vostru pentru încălcări majore ale celor mai bune practici de design web în ceea ce privește SEO, utilizarea, accesibilitatea și performanța (viteza paginii).
Această extensie face mai ușoară gestionarea bazazelor de date MySQL. Acesta vă oferă administrarea GUI a serverului MySQL, similar cu phpMyAdmin, Sequel Pro.
MySQL Admin include:
Conectarea la serverul MySQL.
Conectarea la serverul MySQL cu SSL
Conectarea la serverul MySQL prin intermediul portului SSH2.
Afișați lista de statistici și procese ale serverului conectat (refresh automat), lista de tabele și rândurile din tabelele selectate.
Crearea și plasarea tabelelor, inserarea și actualizarea rândurilor
Clockwork oferă un set de instrumente pentru dezvoltatorii PHP. Acesta oferă un nou panou cu toate informațiile necesare pentru depanarea și profilarea scripturilor PHP, inclusiv datele de solicitare, log-urile, interogările bazei de date, rutele și vizualizarea runtime-ului aplicației.
Aceasta este lista propusă de mine, dacă cunoașteți și altele nu ezitați să le lăsați în secțiunea de comentarii.
Pentru a oferi cea mai bună experiență, folosim tehnologii, cum ar fi cookie-uri, pentru a stoca și/sau accesa informațiile despre dispozitive. Consimțământul pentru aceste tehnologii ne permite să procesăm date, cum ar fi comportamentul de navigare sau ID-uri unice pe acest site. Dacă nu îți dai consimțământul sau îți retragi consimțământul dat poate avea afecte negative asupra unor anumite funcționalități și funcții.
Funcționale
Mereu activ
Stocarea tehnică sau accesul este strict necesară în scopul legitim de a permite utilizarea unui anumit serviciu cerut în mod explicit de către un abonat sau un utilizator sau în scopul exclusiv de a executa transmiterea unei comunicări printr-o rețea de comunicații electronice.
Preferințe
Stocarea tehnică sau accesul este necesară în scop legitim pentru stocarea preferințelor care nu sunt cerute de abonat sau utilizator.
Statistici
Stocarea tehnică sau accesul care sunt utilizate exclusiv în scopuri statistice.Stocarea tehnică sau accesul care sunt utilizate exclusiv în scopuri statistice anonime. Fără o citație, conformitatea voluntară din partea Furnizorului tău de servicii de internet sau înregistrările suplimentare de la o terță parte, informațiile stocate sau preluate numai în acest scop nu pot fi utilizate de obicei pentru a te identifica.
Marketing
Stocarea tehnică sau accesul este necesară pentru a crea profiluri de utilizator la care trimitem publicitate sau pentru a urmări utilizatorul pe un site web sau pe mai multe site-uri web în scopuri de marketing similare.
