Acasă › DE › Nuanțe pentru extensii Google Chrome pentru dezvoltatori. Extensii Google Chrome pentru dezvoltare web și multe altele. Ce versiuni de Chrome există?

Nuanțe pentru extensii Google Chrome pentru dezvoltatori. Extensii Google Chrome pentru dezvoltare web și multe altele. Ce versiuni de Chrome există?

Browser Google Chrome– o alegere excelentă pentru designeri și dezvoltatori web. Cu extensii pentru GoogleChrome, puteți adăuga mai multe trăsături, care poate ajuta la proiectare, găsirea erorilor și alte lucrări cu site-ul. Aici vă prezentăm cele mai bune extensii Chrome pentru designeri și dezvoltatori.

Test de rezoluție– această extensie este concepută pentru a verifica paginile web la diferite rezoluții de ecran și vă puteți seta propriile setări de rezoluție. Acest instrument este foarte convenabil pentru a verifica cum arată designul dvs. pe diferite dimensiuni de monitor.

Pendule extinde funcționalitatea instrumentelor încorporate Google Chrome. Cu această extensie, utilizatorii au multe caracteristici suplimentare, cum ar fi: evaluarea etichetelor de restricție folosind serviciile web automate W3C, ascunderea imaginilor pe o pagină, vizualizarea scripturilor încorporate într-o pagină și multe altele.

Haine simple Face un singur lucru bine - elimină toate CSS de pe pagină. Una dintre modalitățile preferate de a evalua accesibilitatea unei pagini web este eliminarea stilurilor CSS și compararea lizibilității paginii cu și fără stiluri. Această abordare simulează o situație în care utilizatorul are doar o pagină parțială afișată pe ecran și se poate baza doar pe etichetele paginii pentru a accesa conținutul.
Deși acest program a fost creat inițial pentru testarea paginilor web, îl poți folosi pentru a vizualiza stilurile tale preferate într-un mod „nestilat” (astfel încât șeful tău să nu te surprindă că te uiți la el în timp ce trebuie să termini o funcție JavaScript).

Dacă doriți să decupați anumite părți ale unei pagini web, Image Cropper este alegerea dvs. evidentă. Acest program este la fel de simplu ca un stick și nu are trucuri. Trebuie doar să specificați zona pe care doriți să o tăiați și aplicația o va prelua. Aveți nevoie de precizie în pixeli? Extensia afișează dimensiunea și locația pieselor pe care le tăiați, astfel încât să puteți alege dimensiunea de care aveți nevoie.

Această extensie se mândrește cu faptul că este minimalistă și simplă - ceea ce este un lucru bun, deoarece nu există niciun motiv pentru a complica producția textului Lorem Ipsum. Generatorul Lorem Ipsum vă permite să umpleți cadre cu text atunci când vă proiectați site-ul web de prezentare.

Identificarea erorilor din motor Internet Explorer Trident nu este deloc distractiv. Folosind IE Tab, puteți economisi măcar puțin timp și nu trebuie să utilizați Internet Explorer (să nu mai vorbim că nu are multe extensii) pentru a găsi probleme de randare.

jQuery Shell vă permite să rulați comenzi javascript și jQuery în contextul unei pagini web deschise. O extensie foarte utilă pentru a învăța și a experimenta cu jQuery.

10.

Această aplicație este un maestru al unui truc. Trucul este că programul vă permite să obțineți rapid valorile Hex și RGB de orice culoare pe orice pagină web. Această caracteristică poate fi utilă dacă trebuie să determinați ce culori folosește site-ul dvs. preferat fără a utiliza Photoshop și instrumentul Eyedropper.

11.

Folosind funcția WebEdit, puteți face orice pagină disponibilă pentru editare (modificările pe care le faceți, desigur, nu vor fi salvate). Ei bine, de ce ai nevoie de asta atunci? Iată de ce: dacă creați un site web și doriți să vă jucați cu elemente fără a face modificări semnificative de cod, această aplicație vă va fi foarte utilă.

12.

Ți-ai dorit vreodată să știi cu ce tehnologii, structuri și aplicații? sursa deschisa folosește un anumit site web? Dezvoltatorii experimentați pot răspunde la aceste întrebări studiind sursă, dar dacă doriți să obțineți răspunsul mai rapid și mai ușor, atunci încercați Chrome Sniffer. Chrome Sniffer listează toate cadrele/bibliotecile javascript cunoscute (jQuery, MooTools etc.) și CMS (Drupal, WordPress etc.) care sunt utilizate de un site web.

13.
Picurator pentru ochi este o extensie pentru Google Chrome care vă permite să detectați culoarea pe orice pagină web. Mai mult, programul oferă o „roată” de culoare și mostre de culoare (care pot fi găsite în orice program de grafică), astfel încât să puteți experimenta și manipula culorile pentru a găsi pe cea dorită.

15.

O pagină web construită corespunzător, cu un marcaj bun duce în cele din urmă la pagina să aibă rezultate impresionante în motoarele de căutare. Cu toate acestea, dacă doriți să vă evaluați site-ul web în raport cu parametrii cunoscuți de optimizare a motoarelor de căutare, atunci ar trebui să încercați SEO Site Tools, o extensie care vă oferă o gamă largă de instrumente și funcții utile de evaluare SEO. Poate citi o mulțime de parametri pe și în afara paginii, poate obține informații de pe rețelele sociale și toate chestiile astea.

Există mai multe versiuni create pentru diferite categorii de utilizatori. Unul dintre ei se numește Google Chrome Developer Edition. Ce fel de versiune este aceasta și de ce este necesară? Despre aceasta și vom vorbiîn acest material.

Este demn de remarcat faptul că versiunile alternative ale Chrome au apărut de mult timp. Ele însoțesc acest browser popular aproape de la versiunea de lansare. Dar nu toți utilizatorii sunt potriviți pentru opțiuni alternative.

Faptul este că „alte” versiuni ale Chrome sunt destinate profesioniștilor dintr-un domeniu sau altul: designeri de layout, testeri, dezvoltatori și așa mai departe. Astfel de browsere nu sunt potrivite pentru utilizatorii obișnuiți. Și totuși, trebuie să vorbim despre ele.

Ce versiuni de Chrome există?

De fapt, nu sunt atât de mulți. Cu toate acestea, există doar unul stabil. Acesta este exact cel care este pus la dispoziția publicului. Orice utilizator îl poate descărca. Dar există și versiuni alternative. Să le aruncăm o privire mai atentă.

Acestea sunt versiunile Google Chrome preferate ale tuturor care există. Cu toate acestea, în acest context suntem interesați de ediția pentru dezvoltatori. Prin urmare, totul trebuie luat în considerare caracteristici cheie această versiune pentru mai multe detalii. Abia atunci se poate trage o concluzie.

Caracteristici Developer Edition

Caracteristica cheie a acestui lucru versiuni Google Chrome este disponibilitatea instrumentelor de dezvoltare. Acestea vor fi utile celor care dezvoltă extensii și plugin-uri pentru acest browser web. Utilizatorul mediu se va pierde în astfel de instrumente.

A doua caracteristică este consola avansată. Este folosit pentru a edita codul și a activa funcții ascunse browser. Cu toate acestea, trebuie să știți cum să lucrați cu el. Cea mai mică greșeală într-o echipă poate duce la consecințe foarte grave.

Un alt „truc” este prezența tuturor celor mai recente inovații care au migrat această versiune din Canare. Datorită acestui fapt, dezvoltatorii își pot optimiza extensiile pentru noile capabilități ale browserului web.

Actualizări frecvente– o altă caracteristică distinctivă a ediției pentru dezvoltatori. Vin neregulat, dar nu mai târziu de o dată la două săptămâni. În unele cazuri, actualizările pot ajunge în decurs de două zile. Acest lucru este convenabil pentru cei care testează noi funcții ale browserului web.

Concluzie

Deci, mai sus am vorbit despre ce versiuni de Google Chrome există și am discutat în detaliu construcția pentru dezvoltatori. Acum este clar că această versiune se distinge printr-un set de instrumente și o consolă avansată.

Este demn de remarcat faptul că utilizatorii obișnuiți nu trebuie să instaleze deloc ediția pentru dezvoltatori. Nu va avea sens din asta. Mai mult, acest ansamblu nu este deosebit de stabil. Dacă nu sunteți dezvoltator, atunci este mai bine să utilizați Stable.

Există un număr mare de extensii gratuite pentru browser Google Chrome care vă ajută să vă ușureze viața. Iată 20 dintre cele mai bune.

În acest articol, vă prezentăm cele mai bune extensii Google Chrome pentru diferite scopuri - dar fiecare este concepută pentru a vă ușura munca.

Firefox a fost de multă vreme renumit pentru personalizarea sa și pentru numeroasele extensii, dar Google Chrome a câștigat și multă popularitate în rândul designerilor și dezvoltatorilor web în ultimii câțiva ani. Unul dintre motivele pentru aceasta este viteza și instrumentele de dezvoltare încorporate.

Acum, odată cu dezvoltarea colecției de extensii Chrome, care se extinde în fiecare zi, acesta este motivul pentru care mulți dezvoltatori și designeri web aleg acest browser pentru ei înșiși.

Vrei să afli mai multe despre asta? Consultați lista noastră.

01. iMacros pentru Chrome

Extensia iMacros pentru Chrome vă permite să vă înregistrați acțiunile și să le salvați.

În calitate de dezvoltator web, poate fi necesar să vă auditați paginile web. A face aceleași lucruri din nou și din nou poate fi un proces obositor. iMacros este o extensie Chrome la îndemână care vă permite să vă înregistrați acțiunile și să le salvați, necesitându-vă să efectuați acțiunea o singură dată.

Puteți verifica apoi paginile din nou și din nou, repetând pașii cu un clic pe un buton. Acest lucru economisește timp prețios și vă permite să vă concentrați pe probleme mai importante.

02. Font Playground

Font Playground vă permite să experimentați cu fonturi locale pe paginile web live.

Fiecare designer și dezvoltator va găsi o mulțime de lucruri utile în această extensie. Font Playground vă permite să experimentați cu fonturi locale și cu toate bibliotecile de fonturi Google de pe paginile web active, fără a aduce modificări paginilor în sine.

Lucrul bun despre această extensie este că include toate dimensiunile de font, stilurile și efectele posibile. Puteți vizualiza mai întâi diferite opțiuni de font înainte de a face orice modificări reale ale codului.

03. Ce Font

Ce font folosesc? Extensia Ce font Chrome vă poate arăta asta!

O extensie foarte utilă pentru Google Chrome, What Font permite dezvoltatorilor și designerilor să determine ce fonturi sunt folosite pe o pagină web.

Așadar, dacă dați peste un font undeva online care arată fantastic și doriți să îl utilizați într-unul dintre proiectele dvs. viitoare, treceți cu mouse-ul peste el și veți ști imediat ce este.

04. Yslow

YSlow vă va spune ce încetinește pagina.

Cu acest instrument, nu puteți doar să verificați cât de repede se încarcă o pagină web, ci vă va arăta și dacă ceva o încetinește.

YSlow testează paginile web cu 23 din cele 34 de reguli de performanță dezvoltate de echipa Yahoo. Acest lucru este extrem de unealtă folositoare pentru a analiza paginile web, ceea ce sugerează și modalități de optimizare a performanței acestora.

05. Dezvoltator Web

Extensia Chrome Web Developer oferă o serie de instrumente utile pentru dezvoltatori.

Dacă sunteți dezvoltator web, vă puteți întreba: cum v-ați descurcat până acum fără această extensie. Adaugă un buton din bara de instrumente care oferă Chrome acces la multe instrumente utile pentru dezvoltatorii web.

Acest versiunea oficială Extensie pentru dezvoltatori web dezvoltată pentru Firefox.

06. Lista de verificare pentru dezvoltatori web

Rezolvă problemele de performanță în acest instrument Chrome la îndemână.

Acest instrument vă permite să verificați totul, de la dacă paginile dvs. sunt conforme cu SEO, compatibile cu utilizarea, precum și vizibilitatea și performanța acestora (viteza de încărcare a paginii).

Deci, dacă, de exemplu, ați omis o etichetă H1 sau dacă unei pagini lipsește un meta titlu sau meta descriere, extensia pentru lista de verificare pentru dezvoltatori web vă anunță acest lucru.

Pentru a putea rezolva rapid această problemă. Dacă faceți clic pe linkul " mai multe informatii si ajutor» în partea de jos a extensiei, veți găsi o listă mai detaliată.

07. Salvare automată DevTools

Salvează automat modificările la fișierele sursă ale paginii (CSS și JS).

O adevărată comoară pentru toți dezvoltatorii, DevTools Autosave vă permite să salvați automat orice modificări aduse fișierelor sursă CSS și JS ale unei pagini prin mediul Chrome Dev Tools. Extensia este ușor de configurat și utilizat și vă va economisi mult timp.

08. Instant Wireframe

Vă permite să vizualizați wireframes ale paginilor web.

Conectați vizualizarea wireframe a oricărei pagini web cu un singur clic. Această extensie Google Chrome ajută dezvoltatorii web și designerii să vizualizeze pagini web, fie locale, fie publicate online, cu o suprapunere wireframe.

09. Emulator Ripple

Ripple Emulator ajută la depanarea paginilor web, inspecția DOM și testarea automată.

Ripple Emulator este un emulator de mediu mobil multiplatform care vă va ajuta să testați aplicația dvs. web diverse dispozitiveși rezoluțiile ecranului.

Extensia Ripple Emulator poate fi utilizată în combinație cu instrumentele de dezvoltare existente pentru depanare, inspecție DOM și testare automată.

10. Streak

Urmărirea conversațiilor prin e-mail într-un singur bilet, atribuirea de sarcini.

Streak este principalul CRM și instrumentul de asistență E-mail Gmail.

Extensia vă permite să combinați toate căsuțele de e-mail într-una singură sau să organizați urmărirea schimburilor de mesaje într-un singur bilet, să atribuiți sarcini astfel încât să puteți gestiona personal procesul de comunicare cu contrapărțile dvs. sau să oferiți acces la acestea altor persoane.

11. Căutați Stackoverflow

Obțineți răspunsuri rapide la întrebările dvs. cu această extensie obligatorie.

Dacă ești dezvoltator web, trebuie să fi auzit de Stack Overflow, un loc la care apelează mulți dezvoltatori cu diverse întrebări legate de dezvoltarea proiectelor web. Dacă nu, atunci trebuie neapărat să-l cunoști. Este o comunitate cu adevărat înfloritoare, care acoperă o gamă largă de subiecte, de la C# și Java până la PHP și JQuery.

Această extensie fantastică adaugă o casetă de căutare direct în browser și vă permite să accesați resursele vaste ale Stack Overflow. O extensie obligatorie!

12. Manual PHP Ninja

Toată documentația pentru PHP 5.5, în browserul dvs.

Este foarte greu să-ți amintești fiecare funcție, așa că dacă ai petrecut multe ore căutând anumite funcții PHP prin Google în timpul zilei, această extensie vă va atrage cu siguranță atenția. PHP Ninja Manual oferă

Obțineți toată documentația pentru PHP 5.5 exemple concreteîn opt limbi în browserul dvs.

13. PerfectPixel

Această extensie vă va ajuta să vă asigurați că fiecare pixel de pe site-ul dvs. se potrivește cu designul.

Designerii urăsc situațiile în care creează un design uimitor, dar după ce îl traduc în cod, ceva nu se potrivește cu designul original. Procesorul Perfect Pixel este cu adevărat extensia perfectă pentru dezvoltatorii web care se străduiesc să creeze site-uri care să aibă design precis.

Această extensie ușor de utilizat vă permite să plasați o suprapunere de imagine semi-transparentă deasupra unei pagini web și să efectuați o verificare a potrivirii pixel cu pixel pentru a asigura o potrivire de 100%.

14. Cod Cola

Vă permite să editați pagina web CSS în loc.

Acest instrument nu numai că vă va permite să vizualizați codul sursă la care lucrați, ci poate funcționa și ca editor CSS. Aceasta înseamnă că puteți edita stilul CSS al paginilor dvs. web pe loc și puteți vedea imediat rezultatele modificărilor dvs.

15. Chrome Sniffer

Inspectarea aplicațiilor web și a bibliotecilor JavaScript.

Această extensie va permite dezvoltatorilor web să inspecteze și să identifice aplicațiile web, precum și bibliotecile JavaScript atașate unui anumit proiect. Extensia funcționează cât se poate de simplu: în bara de adrese apare o pictogramă care indică versiunea framework-ului sau a CMS-ului utilizat.

16. Comutator agent utilizator

Verificați cum arată site-ul dvs. pe diferite dispozitive.

Un instrument excelent pentru a vedea cum arată un site web tipuri variate dispozitive precum iPad, iPhone sau dispozitive Android. Acest lucru poate fi, de asemenea, foarte util în ceea ce privește vizualizarea site-ului așa cum îl văd motoarele de căutare.

Indiferent ce ați auzit despre Google Chrome, când despre care vorbim despre design și dezvoltare web, Firefox este încă cel mai bun browser cu un mediu de dezvoltare prietenos pe care îl puteți găsi.

La naiba, Firefox are chiar și o versiune specială a browserului creată doar pentru dezvoltatorii web. Atât de mult îi pasă Mozilla de designeri și dezvoltatori web.

Firefox are, de asemenea, o colecție uriașă de extensii care fac browserul mai puternic pentru un efect maxim. Iată câteva dintre cele mai bune extensii Firefox pe care le puteți folosi pentru a vă ușura viața de dezvoltare web.

Instalați, testați și utilizați majoritatea acestor extensii. La urma urmei, toate sunt libere de utilizat!

Ce face: inspectează paginile web

Firebug este o extensie fără care designerii și dezvoltatorii web pur și simplu nu pot trăi. Această extensie este ca o versiune îmbunătățită a consolei integrate pentru dezvoltatori care vine cu Firefox. Firebug vă ajută mult să inspectați elementele de pe paginile web și să vă arate cum funcționează lucrurile pe diferite site-uri.

Potrivit pentru: dezvoltatori web
Ce face: client pentru Firefox

FireFTP este un client FTP/SFTP pentru Firefox care vă permite să încărcați și să transferați în siguranță fișiere între computer și server direct din browser. Cu acest supliment, nu va mai trebui să treceți niciodată între browser și aplicațiile client FTP.

Potrivit pentru: dezvoltatori web și designeri
Ce face: analizează și verifică paginile web

Este o extensie all-in-one care adaugă o serie de instrumente utile la Firefox. Unele dintre instrumentele incluse în acest supliment sunt afișarea și editarea foilor de stil CSS, dezactivarea stilurilor, instrumentele de depanare etc.

Ce face: Instrument de analiză a culorii

ColorZilla este un instrument grozav pe care designerii web front-end îl vor găsi destul de util. Acest supliment are un pipetă pentru alegerea rapidă a culorilor pe o pagină web, un generator de gradient CSS, un analizor de culori, palete de culori și multe altele.

Potrivit pentru: dezvoltatori web
Ce face: modificați site-urile web cu cod personalizat

Îndrăgit de peste un milion de utilizatori Firefox, Greasemonkey este o extensie care vă va oferi distracție fără sfârșit. Acest supliment vă permite să personalizați site-uri web populare prin editarea lor folosind propriul cod JavaScript. De asemenea, vă puteți bucura de scripturi deja create de alți dezvoltatori.

Cel mai bun pentru: designeri de interfețe
Ce face: ajustează offset-ul elementelor web

Un plugin simplu, dar util, care vă permite să inspectați elementele web și să vedeți vizual câți pixeli sunt opriți în elemente, creând o compoziție cu straturi transparente. Folosind această compoziție, puteți configura pagina web reală pentru a se potrivi cu suprapunerea pentru cel mai bun rezultat, fără nicio presupunere.

De exemplu, dacă una dintre imaginile de pe pagina dvs. web se suprapune cu un alt obiect, puteți utiliza Pixel Perfect pentru a determina câți pixeli trebuie să ajustați pentru a obține acea imagine la locul potrivit.

Potrivit pentru: designeri web
Ce face: încarcă totul dintr-o pagină web

Acest plugin se ridică la înălțimea numelui, permițându-vă să descărcați totul de pe o pagină web. Cu un singur clic, puteți descărca toate imaginile, linkurile și alte date conținute într-o pagină web folosind această extensie. Suplimentul are, de asemenea, un accelerator de descărcare încorporat care optimizează viteza de descărcare de patru ori.

Cel mai bun pentru: designeri de interfețe
Ce face: Verificați paginile web în Internet Explorer

Credeți sau nu, există oameni care încă le folosesc pe cele vechi versiuni de internet Explorer pentru a accesa Internetul. Crearea de site-uri care funcționează bine în aceste browsere mai vechi este una dintre problemele cu care se confruntă în continuare designerii web. Acest plugin facilitează personalizarea design-urilor web pentru mai vechi browsere de internet Explorer, creând o filă nouă în IE.

Potrivit pentru: designeri web și dezvoltatori
Ce face: vă arată despre tehnologia utilizată pe site

Te întrebi ce tehnologii au fost folosite pentru a crea site-urile tale preferate? Atunci acest supliment vă va fi util. BuiltWith este o extensie care vă permite să scanați site-uri web pentru a găsi ce tehnologii sunt utilizate pe pagină. Un instrument excelent pentru toți designerii web care aspiră să învețe de pe site-uri web gata făcute.

Potrivit pentru: dezvoltatori web
Ce face: pornește sau dezactivează Java

Acest supliment vă permite să activați sau să dezactivați cu ușurință Java în browser. De asemenea, poate dezactiva Javascript, module cookie, imagini animate, Flash și multe altele pe pagina web. Acesta este un plugin util nu numai pentru dezvoltatori, ci și pentru utilizatorii obișnuiți pentru a îmbunătăți securitatea browserului și a reduce lățimea de bandă.

Cel mai bun pentru: designeri de interfețe
Ce face: Măsoară elementele în pixeli

Funcția acestui add-on este simplă, vă permite să desenați o riglă virtuală deasupra unei pagini web sau un element pe o pagină pentru a măsura lățimea, înălțimea sau alinierea pixelilor elementului de pe pagina web. Măsură Este util pentru majoritatea dezvoltatorilor front-end pentru a crea wireframes.

Potrivit pentru: designeri web
Ce face: schimbă limba în browser

Acesta este un instrument util care traduce instantaneu Firefox în altă limbă. Totul din browserul dvs., inclusiv interfața cu utilizatorul, dicționarul de verificare ortografică și conținutul site-ului web vor fi traduse în limba dorită. O caracteristică excelentă pe care o puteți folosi atunci când dezvoltați site-uri web multilingve.

Cel mai bun pentru: designeri de interfețe
Ce face: generează text fals

Crearea de text fals pentru noile modele și prototipuri de site-uri web este o sarcină plictisitoare care este puțin probabil să distreze chiar și un singur designer. Această extensie face procesul mai puțin plictisitor, permițându-vă să generați text fals Lorem Ipsum direct din Firefox.

Potrivit pentru: dezvoltatori web
Ce face: editează și creează cookie-uri

Acest supliment nu numai că gestionează cookie-urile site-ului dvs., dar vă permite și să editați și să creați cu ușurință fișiere noi. Unele dintre caracteristicile pluginului includ navigarea inline cookie-uri, posibilitatea de a schimba domeniul, posibilitatea de a edita mai multe cookie-uri simultan și multe altele.

Cel mai bun pentru: designeri de interfețe
Ce face: selectează culorile pe o pagină web

Un instrument ușor de utilizat care vă permite să alegeți culorile oricărui pixel de pe o pagină web și să copiați cu ușurință codul de culoare RGB sau Hex pentru a le utiliza în propriile proiecte. Frumusețea și interfața vizuală a acestui instrument fac mult mai ușor pentru începători să învețe despre culori pe paginile web.

Potrivit pentru: designeri web și dezvoltatori
Ce face: Oferă informații despre software-ul utilizat de site-ul web

Similar cu suplimentul BuiltWith, Wappalyzer este o altă extensie utilă care vă permite să aflați ce software folosit pe site. De exemplu, puteți afla ce tip de CMS folosește site-ul, ce sistem de operare acceptă serverul site-ului web și multe altele.

Potrivit pentru: dezvoltatori web
Ce face: modifică agentul utilizator al browserului

Vrei să știi cum va arăta site-ul tău pe diferite platforme și sisteme de operare? Atunci acesta este un instrument care vă va fi cu siguranță la îndemână. User-Agent Switcher vă permite să comutați între diferite platforme, cum ar fi Android, Mac, Windows și anumite sisteme de operare pentru a schimba agentul utilizator al browserului.

Potrivit pentru: designeri web și dezvoltatori
Ce face: arată un exemplu de utilizare a filei de memorie a browserului

Acesta este un supliment la îndemână care vă va ajuta să determinați cât de mult din resursele computerului dvs. sunt folosite de fiecare filă deschisă în Firefox. Puteți folosi acest instrument pentru a afla câte resurse folosește site-ul dvs. și pentru a optimiza site-ul pentru performanță maximă.

Potrivit pentru: web și designeri grafici
Ce face: Deschide imagini în Photoshop

Acest supliment face ceea ce spune numele său, pur și simplu deschide cu un singur clic imaginile pe care le găsiți pe o pagină web folosind Photoshop. Nu este nevoie să încărcați o imagine sau să lansați Photoshop, extensia va face tot ce aveți nevoie.

Cel mai bun pentru: designeri de interfețe
Ce face: îmbunătățește tabelele HTML

Grafice, statistici, comparații, tabele - acest supliment poate face totul. Puteți utiliza acest instrument pentru a crea tabele și diagrame HTML ușor de utilizat și frumoase.

Potrivit pentru: dezvoltatori web
Ce face: client SSH pentru Firefox

De obicei, trebuie să instalați o aplicație pentru a rula terminalul SSH. Aceste aplicații diferă într-un singur lucru sistem de operare din alta. FireSSH, totuși, funcționează pe toate platformele atâta timp cât aveți Firefox. Extensia vă permite să lansați un terminal SSH direct din browser.

Cel mai bun pentru: designeri de interfețe
Ce face: reîmprospătează automat paginile web

Unul dintre lucrurile enervante cu care se confruntă designerii web atunci când dezvoltă site-uri web este nevoia de a actualiza manual pagina web după fiecare modificare mică a codului. Auto Refresh este o extensie care rezolvă această problemă, permițându-vă să reîmprospătați automat una sau mai multe file în Firefox la intervalele pe care le definiți.

Cel mai bun pentru: designeri de interfețe
Ce face: redimensionează ferestrele Firefox pentru anumite rezoluții de ecran

Acest supliment vă permite să redimensionați fereastra Firefox la rezoluții specifice pentru a vedea cum arată site-ul dvs. pe diferite ecrane. Va trebui să instalați Firefox Add-On Bar pentru ca această extensie să funcționeze corect.

Potrivit pentru: designeri web și dezvoltatori
Ce face: găsește informații despre fonturile paginii și elementele acesteia

Font Finder este un instrument la îndemână care vă permite să examinați elementele site-ului pentru a afla Informații importante despre fonturile utilizate pe pagină, cum ar fi numele familiei fonturilor, culoarea fontului, spațierea între linii, decorarea și multe altele.

Cel mai bun pentru: designeri de interfețe
Ce face: verifică paginile web în diferite browsere

Funcția acestui supliment este simplă. Vă permite să deschideți instantaneu orice pagină web pe care o vizualizați în Firefox folosind un alt browser cu un singur clic. Nu este nevoie să copiați adresele URL, deschideți fiecare browser unul câte unul și lipiți URL-urile pentru a deschide site-ul web.

Potrivit pentru: designeri web și dezvoltatori
Ce face: șterge memoria cache a browserului

Acest supliment șterge instantaneu memoria cache browser Firefox(RAM și DISK) pentru a reduce utilizarea resurselor computerului. Extensia vă permite să ștergeți memoria cache făcând simplu clic pe un buton sau apăsând tasta F9 de pe tastatură. Dacă doriți să vizualizați rapid modificările aduse unei pagini web, acest supliment va fi foarte util.

Odată cu popularitatea tot mai mare a browserului Google Chrome, apar extensii care economisesc timp dezvoltatorilor web, oferindu-le posibilitatea de a urmări erorile și problemele de performanță ale site-ului.

Iată câteva extensii utile pentru Google Chrome.

Extensie pentru dezvoltatori web

Aș dori să notez cel mai convenabil și puternic instrument pentru un dezvoltator web și designer web - Extensie pentru dezvoltatori web pentru Google Chrome.

Extensia este adăugată în bara de instrumente Google Chrome sub forma unui buton cu o pictogramă roată și conține diverse instrumente pentru dezvoltarea și depanarea unui site web. Aceasta este o adaptare oficială a celei populare, scrisă de același dezvoltator.

Extensia are un număr mare de opțiuni.

De exemplu, mulți oameni au nevoie doar afla culoarea elementului pe ecranul monitorului în format hexazecimal. În acest scop, pluginul are functie speciala. În secțiunea Diverse, selectați Display Color Picker.

Selectând Display Color Picker, cursorul devine o cruce. Acum, făcând clic pe orice zonă a ecranului din colțul din dreapta jos al browserului, afișează culoarea în hexazecimal pentru utilizare în CSS.