Cele mai bune 15 extensii Chrome pentru programatori și dezvoltatori

Publicitate

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 a web-ului, funcțiile încorporate care fac ca dezvoltarea să fie mai puțin frustrantă și numărul pur de disponibil extensii.

Acest ultim punct este unul crucial. Începând cu februarie 2018, Chrome deține peste 60 la sută cota de piață pe desktop- nu este de mirare că majoritatea creatorilor de extensii își concentrează eforturile pe Chrome. Acestea fiind spuse, aici sunt cele mai bune extensii Chrome pe care ar trebui să le folosești dacă ești un dezvoltator de orice fel, dar în special un dezvoltator web Programare vs. Dezvoltare web: Care este diferența?S-ar putea să credeți că programatorii de aplicații și dezvoltatorii web fac aceeași treabă, dar asta este departe de adevăr. Iată care sunt diferențele cheie între programatori și dezvoltatori web. Citeste mai mult .

Extensii generale de dezvoltare

1. Amic de sesiune

Chrome are o funcție minunată numită profiluri de utilizator personalizate care vă permite să creați seturi separate de marcaje, setări, file, istorii etc. Cu siguranță, ar trebui să configurați una special pentru programare, dacă nu ați făcut-o deja.

Dar Session Buddy face un pas mai departe, permițându-vă să salvați anumite „ședințe de filă” și să treceți între ele după bunul plac, ceea ce vine la îndemână atunci când lucrați la mai multe proiecte.

Descarca:Amic de sesiune

2. iMacros pentru Chrome

iMacros este o extensie care vă permite să automatizați sarcini repetitive. Puteți „înregistra” anumite acțiuni (de exemplu, clicuri de mouse și apăsări de taste), să le salvați ca macro-uri, apoi să le executați ori de câte ori doriți cu un singur clic. Economisește atât de mult timp la completarea formularelor, testarea modificărilor etc. Pentru macrocomenzi din afara Chrome, vă recomandăm scripturi AutoHotkey.

Descarca:iMacros pentru Chrome

3. Web Timer

Web Timer urmărește cât timp petreci (sau pierzi) pe diverse site-uri web, ceea ce poate ajuta la limitarea tendințelor de a se amâna. Se urmărește numai când Chrome este focalizat și este suficient de inteligent pentru a opri urmărirea atunci când ați plecat inactiv.

Descarca:Web Timer

Dacă doriți un tracker de timp mai avansat, vă recomandăm cu încredere Toggl multiplă platforme Cea mai bună aplicație de urmărire a timpului pentru Android, iOS și DesktopVă arătăm modul în care urmărirea timpului vă poate beneficia de dvs. sau de echipa dvs., ce să căutați în software-ul de urmărire a timpului și cea mai bună aplicație multiplă pe platformă pe care am putea-o găsi. Citeste mai mult .

4. Captura de ecran minunat

Screenshot Awesome este o extensie all-in-one pentru captura de capturi de ecran, înregistrarea videoclipurilor de pe ecran, adnotarea și estomparea imaginilor instantanee și un singur clic pentru partajarea capturilor de ecran cu alte persoane. O caracteristică extraordinară este capacitatea sa de a face captură de ecran o întreagă pagină web și coase totul împreună ca o singură imagine uriașă. Pentru o soluție care funcționează și în afara Chrome, verificați acestea cele mai bune instrumente pentru crearea de capturi de ecran.

Descarca:Captura de ecran minunat

5. Marmosete

Marmoset este un instrument minunat distractiv pentru crearea de capturi de ecran 3D ale codului tău. După ce fotografiați o imagine, puteți roti și înclina și scala în 3D, ceea ce o face mai interesantă atunci când doriți să partajați fragmente. Este util, de asemenea, atunci când creați imagini stoc bazate pe cod sau aruncați o privire la codul sursă pe pagina de start a proiectului.

Descarca:Marmosete

Extensii de dezvoltare web

6. Dezvoltator web

Dacă există o extensie pe care o instalați pentru a ajuta la dezvoltarea web, să fie aceasta. Web Developer este dotat cu mai multe caracteristici de comoditate, inclusiv comutare de un singur clic JavaScript și pluginuri, redimensionarea ferestrei pentru a testa design-uri responsive, testarea și depanarea imaginilor, și altele.

Descarca:Dezvoltator web

7. User-Agent Switcher

Dintre numeroasele extensii de „user agent switch” din Chrome Web Store, aceasta este cea mai bună. Încă este actualizat, nu conține link-uri de deturnare, este livrat cu o serie de șiruri implicite de agent utilizator, dar vă permite, de asemenea, să creați șiruri personalizate de agent de utilizator. Este singura extensie de acest fel care funcționează în mod fiabil.

Descarca:User-Agent Switcher

8. Wappalyzer

Dacă doriți să știți ce tipuri de tehnologii web alimentează un anumit site, Wappalyzer vă va spune cu un singur clic. Este suficient de inteligent pentru a detecta CMS-uri (de exemplu, WordPress), cadre web (de ex. React), instrumente și utilități (de exemplu, Google Analytics), platforme de comerț electronic (de exemplu, Shopify) și multe altele.

Descarca:Wappalyzer

9. Tab IE

Începând cu februarie 2018, peste 13 la sută dintre utilizatorii desktop sunt încă pe Internet Explorer, ceea ce este păcat, deoarece IE este departe de a respecta standardele web moderne. Acesta este motivul pentru care aveți nevoie de fila IE, care emulează IE într-o nouă filă și vă permite să testați site-urile web în diferite versiuni: IE6, IE7, IE8, IE9, plus controale ActiveX. Într-adevăr util dacă aveți nevoie de site-ul dvs. web compatibil cu TOATE browserele, indiferent de vârstă.

Descarca:Tab IE

10. Click & Clean

Când dezvoltați un site web, puține lucruri sunt mai enervante că ștergeți constant datele de navigare pentru a vă asigura că veți încărca modificări noi. Click & Clean nu numai că îl face mai rapid, dar oferă și mai mult control asupra a ceea ce puteți curăța (de exemplu, ștergeți bazele de date și datele despre 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 Inspectare element, apoi să căutați în foaia de stil pentru a afla ce este. Cu WhatFont, nu numai că puteți vedea ce este un font doar trecând peste un element, dar vă spune, de asemenea, cum se servește fontul respectiv (de ex. Fonturi Google, 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 de pe orice pagină web. Codul de culoare este disponibil în hex, RGB și HSL. Este extrem de convenabil și mult mai rapid decât inspectarea elementelor pentru a vedea ce culori sunt utilizate în fișa de stil, sau descărcarea de imagini și alegerea culorilor într-un editor de imagini.

Descarca:ColorPick Eyedropper

13. Generator Lorem Ipsum

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

Descarca:Generator Lorem Ipsum

14. Verificați linkurile 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 linkurile dvs. funcționează. Verificați linkurile mele face acest proces cât se poate de ușor. Pur și simplu faceți clic pe buton și va scana toate linkurile de pe pagina curentă, apoi evidențiați-le pe fiecare în parte, dacă este rupt sau funcționează.

Descarca:Verificați linkurile mele

15. Dimensiuni

Dimensiunile reprezintă mai mult un instrument de design web decât de dezvoltare web, dar, deoarece cele două tind să se suprapună, probabil că veți dori să utilizați această extensie. Pe scurt, măsoară instantaneu distanța dintre oricare două elemente web, inclusiv text, imagini, videoclipuri și câmpuri de formă. 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, vă recomandăm cu mare încredere Gestionarea file extensii Chrome si aceste productivitate de afaceri extensii Chrome, care sunt două lucruri care v-ar putea frustra ca dezvoltator folosind Chrome.

Ar trebui să consultați și selecția noastră uriașă de cele mai bune extensii Chrome Cele mai bune extensii ChromeO listă cu cele mai bune extensii pentru Google Chrome, inclusiv sugestiile cititorilor noștri. Citeste mai mult , care acoperă totul, de la securitate la divertisment, de la cumpărături la productivitate generală și multe altele.