Cele 15 cele mai bune extensii Chrome pentru programatori și dezvoltatori

Dacă sunteți un programator care nu utilizează Chrome, sunteți în minoritate.

Există atât de multe motive pentru a prefera acest browser pentru programare, cum ar fi influența masivă a Google asupra direcției web, caracteristicile încorporate care fac dezvoltarea mai puțin frustrantă și numărul mare de extensii disponibile.

Acest ultim punct este unul crucial. Începând cu februarie 2018, Chrome deține o cotă de piață de peste 60% pe desktopuri - nu e de mirare că majoritatea creatorilor de extensii își concentrează mai întâi eforturile pe Chrome. Acestea fiind spuse, aici sunt cele mai bune extensii Chrome pe care ar trebui să le utilizați dacă sunteți un dezvoltator de orice fel, dar mai ales un dezvoltator de web Programming vs. Web Development: Care este diferența? Programare vs. Dezvoltare Web: Care este diferența? S-ar putea să credeți că programatorii de aplicații și dezvoltatorii web fac același lucru, dar asta e departe de adevăr. Iată diferențele cheie dintre programatori și dezvoltatorii web. Citeste mai mult .

Extensii generale de dezvoltare

1. Sesiunea Buddy

Chrome are o caracteristică minunată numită profiluri personalizate pentru utilizatori, care vă permite să creați seturi distincte de marcaje, setări, file, istoricuri etc. Trebuie să setați cu siguranță o variantă specifică pentru programare, dacă nu ați făcut-o deja.

Dar sesiunea Buddy o ia cu un pas mai departe, permițându-vă să salvați anumite “file” și comutați între ele la voință, care vine la îndemână atunci când lucrați la mai multe proiecte.

Descarca: Sesiune Buddy

2. iMacros pentru Chrome

iMacros este o extensie care vă permite să automatizați sarcini repetitive. Poti “record” anumite acțiuni (de exemplu clicuri de mouse și apăsări de taste), salvați-le ca macrocomenzi, apoi executați-le ori de câte ori doriți cu un singur clic. Salvează atât de mult timp când completează formulare, testează modificări etc. Pentru macrocomenzile din afara Chrome, recomandăm scripturile AutoHotkey.

Descarca: iMacros pentru Chrome

3. Web Timer

Web Timer urmărește cât de mult timp petreceți (sau pierdeți) pe diferite site-uri web, ceea ce poate ajuta la stoparea tendințelor de procrastinare. Monitorizează numai când Chrome este în focalizare și este suficient de inteligent pentru a opri urmărirea atunci când ați plecat în starea inactivă.

Descarca: Web Timer

Dacă doriți un instrument de urmărire a timpului mai avansat, recomandăm foarte bine aplicația Toggl cea mai bună pentru urmărirea timpului pentru platforme Android, iOS și desktop Aplicația de urmărire optimă pentru Android, iOS și desktop Vă vom arăta cum vă poate beneficia de urmărirea timpului sau echipa dvs., ce să căutați în software-ul de urmărire a timpului și cea mai bună aplicație cross-platformă pe care am putut-o găsi pentru acest post. Citeste mai mult .

4. Screenshot minunat

Screenshot-ul minunat este o extensie all-in-one pentru capturarea de capturi de ecran, înregistrarea clipurilor video pe ecran, adnotarea și estomparea imaginilor cronometrate, precum și partajarea cu un singur clic a capturilor de ecran cu alții. O caracteristică minunată este capacitatea sa de a captura imagini o întreagă pagină web și să-l îmbinați împreună ca pe o imagine gigantică. Pentru o soluție care funcționează și în afara Chrome, verificați aceste instrumente cele mai bune pentru crearea de capturi de ecran.

Descarca: Imagine extraordinară

5. Marmoset

Marmoset este un mic instrument distractiv pentru crearea de capturi de ecran 3D ale codului. Odată ce ați prins o imagine, puteți roti și derulați și scala în 3D, ceea ce îl face mai interesant atunci când doriți să partajați fragmente. Este, de asemenea, util atunci când creați imagini de stoc bazate pe cod sau peeks la codul sursă pe pagina de pornire a proiectului.

Descarca: Marmosete

Extensii de dezvoltare web

6. Web Developer

Dacă există o extensie pe care o instalați pentru a ajuta la dezvoltarea web-ului, lăsați-l să fie acesta. Dezvoltatorul Web este dotat cu mai multe funcții de confort, inclusiv comutarea cu un singur clic a JavaScript și pluginuri, redimensionarea ferestrelor pentru a testa desenele receptive, testarea și depanarea imaginilor și multe altele.

Descarca: Dezvoltator web

7. Comutare utilizator-agent

Dintre mulți “comutare agent agent” în Magazinul web Chrome, acesta este cel mai bun. Încă este actualizată, nu deranjează link-uri, vine cu un număr de șiruri implicite de agenți utilizator, dar vă permite să creați șiruri personalizate de agenți utilizator. Este singura extensie de acest fel care funcționează fiabil.

Descarca: User-Agent Switcher

8. Wappalyzer

Dacă doriți să știți ce tipuri de tehnologii web vând un anumit site, Wappalyzer vă va spune cu un singur clic. Este destul de inteligent pentru a detecta CMS (de exemplu, WordPress), cadre web (de exemplu, React), instrumente și utilitare (de exemplu, Google Analytics), platforme de comerț electronic (de exemplu, Shopify).

Descarca: Wappalyzer

9. IE Tab

Începând cu februarie 2018, mai mult de 13% dintre utilizatorii de desktop sunt încă în Internet Explorer, ceea ce este o rușine pentru că IE este departe de a respecta standardele web moderne. De aceea aveți nevoie de fila IE, care emulează IE într-o filă nouă și vă permite să testați site-uri web în diferite versiuni: IE6, IE7, IE8, IE9, plus controale ActiveX. Foarte util dacă aveți nevoie de site-ul dvs. pentru a fi compatibil cu toate browserele, indiferent cât de vechi.

Descarca: IE Tab

10. Faceți clic pe & Clean

Atunci când dezvoltați un site web, câteva lucruri sunt mai enervante, încât să ștergeți în mod constant datele de navigare pentru a vă asigura că încărcați schimbări proaspete. Click & Clean nu numai că o face mai rapidă, ci oferă și mai mult control asupra a ceea ce puteți curăța (de exemplu, ștergeți bazele de date și datele din plugin, păstrați cookie-urile pentru anumite site-uri etc.).

Descarca: Click & Clean

11. WhatFont

WhatFont este cel mai rapid mod de a identifica fonturile de pe web. Este un lucru să faceți clic dreapta pe un element, să selectați Inspect Element, apoi să priviți prin foaia de stil pentru a afla ce este. Cu WhatFont, nu numai că puteți vedea ce este un font doar plasând cursorul peste un element, dar vă informează și despre modul în care este difuzat fontul (de exemplu, Google Fonts, TypeKit etc.).

Descarca: WhatFont

12. Colorpick Eyedropper

ColorPick Eyedropper este un instrument care vă permite să măriți și să obțineți codul de culoare exact al oricărui pixel pe orice pagină Web. Codul de culoare este disponibil în format hex, RGB și HSL. Este extrem de convenabil și mult mai rapid decât inspectarea elementelor pentru a vedea ce culori sunt folosite în foaia de stil sau pentru a descărca imagini și pentru a alege culorile într-un editor de imagini.

Descarca: ColorPick Eyedropper

13. Lorem Ipsum Generator

Atunci când dezvoltați un site web, veți avea nevoie în cele din urmă de un text inactiv. Generatoarele Lorem ipsum sunt abundente pe web, dar generatorul Lorem Ipsum este întotdeauna disponibil imediat în fila curentă. Este rapid și puteți personaliza câte paragrafe doriți și câte fraze pe paragraf.

Descarca: Lorem Ipsum Generator

14. Verificați legăturile mele

La sfârșitul unui proiect de dezvoltare web, veți dori să faceți o trecere finală pe toate paginile de bază pentru a vă asigura că toate link-urile dvs. funcționează. Verificați legăturile mele face acest proces cât mai ușor posibil. Pur și simplu faceți clic pe buton și va scana toate link-urile de pe pagina curentă, apoi evidențiați fiecare, în funcție de faptul că este rupt sau de lucru.

Descarca: Verificați legăturile mele

15. Dimensiuni

Dimensiunile sunt mai degrabă un instrument pentru web design decât dezvoltarea web, dar din moment ce cele două tind să se suprapună, probabil că veți dori să utilizați această extensie. Pe scurt, aceasta măsoară instantaneu distanța dintre oricare două elemente de web, inclusiv text, imagini, videoclipuri și câmpuri de formular. De asemenea, poate măsura distanța de la cursorul mouse-ului la oricare dintre elementele web acceptate.

Descarca: Dimensiuni

Mai multe extensii Chrome care ar putea dovedi utile

În plus față de cele de mai sus, recomandăm aceste extensii Chrome pentru extensiile Chrome și aceste extensii Chrome pentru productivitatea afacerii, două lucruri care vă pot împiedica ca dezvoltator folosind Chrome.

De asemenea, ar trebui să verificați selecția noastră imensă de cele mai bune extensii Chrome Cele mai bune extensii Chrome Cele mai bune extensii Chrome O listă cu numai cele mai bune extensii pentru Google Chrome, inclusiv sugestiile cititorilor noștri. Citiți mai multe, care acoperă totul, de la securitate la divertisment, de la cumpărături la productivitate generală și multe altele.

Explorați mai multe despre: Extensiile de browser, Google Chrome, Programare.