Pentru un dezvoltator, poate fi agitat să folosească numeroase instrumente dedicate pentru fiecare sarcină. Cu toate acestea, suplimentele pentru browser web vă pot face mai productiv, oferind acces la diferite funcții de pe o singură platformă de navigare.
Toate browserele de top vin cu extensii pentru profesioniști. Și dacă utilizați Microsoft Edge, sarcinile de dezvoltare pot deveni mai ușoare cu unele suplimente de browser. Aici, vom discuta despre cele mai bune suplimente Microsoft Edge pe care dezvoltatorii web ar trebui să le folosească.
React Developer Tools este un add-on DevTools pentru browserul web. Va adăuga două file noi numite Componente și Profiler în Edge DevTools. Suplimentul open-source va avea nevoie de permisiunea dvs. pentru a accesa arborele React al unei pagini.
Fila Componente afișează componentele React rădăcină ale paginii, împreună cu subcomponentele. Selectați orice componentă din arbore pentru a inspecta și edita elementele de recuzită actuale, starea și cârligele din panoul din dreapta.
De asemenea, puteți utiliza acest supliment pentru a afla dacă o aplicație conține React.js sau nu. Folosind fila Profiler, dezvoltatorii pot înregistra informații despre performanță.
Dacă vă place să analizați codul GitHub, suplimentul Octotree poate îmbunătăți experiența de examinare și explorare a codului GitHub. Vă arată un arbore de cod asemănător IDE și vă permite să efectuați căutări în fișiere și foldere.
Acest supliment de înaltă performanță este capabil să lucreze cu depozite de orice dimensiune. În plus, acceptă depozite private și vă permite să marcați solicitări de extragere, repo, fișiere și probleme.
De asemenea, vă puteți abona la versiunea PRO a acestui supliment pentru a obține câteva funcții suplimentare. Acestea includ suport pentru mai multe conturi GitHub și GitHub Enterprise, mai multe file, setări pentru fontul codului, examinarea codului de solicitare de extragere, teme de pictogramă de fișier și modificarea poziției de andocare.
Accesibility Insights for Web este un program suplimentar de browser Microsoft Edge care vă va permite să localizați și să remediați problemele de accesibilitate în diferite aplicații web și site-uri web. Îl puteți folosi pentru a verifica conformitatea cu aproximativ 50 de prevederi de accesibilitate.
Datorită instrucțiunilor clare și unui ajutor vizual, puteți identifica rapid problemele vitale de acces la tastatură, inclusiv capcanele de la tastatură, opririle de tabulatură lipsă și ordinea incorectă a tastaturii.
De asemenea, vă ajută să efectuați un proces în doi pași pentru a localiza problemele de accesibilitate comune, dar cu impact ridicat, în câteva minute. Cu toate acestea, aveți nevoie de Microsoft Edge Insider v.75 sau o versiune ulterioară pentru a utiliza acest supliment.
Analiza codului HTML al unei pagini este o sarcină frecventă a unui dezvoltator. Cu ajutorul add-on-ului Design Analysis, puteți analiza o pagină HTML activând și dezactivând diverse componente ale acelei pagini.
Legate de: Efecte HTML interesante pe care oricine le poate adăuga pe site-urile lor
Vă permite să dezactivați CSS intern și extern (inclusiv imprimare și portabil), ascunde imaginile și fundalul imagini, afișează atribute alternative ale imaginii, titluri de contur, cadre, legături externe, tabele, elemente plutitoare și curând.
În plus, acest supliment vine cu instrumente diverse care vă ajută să afișați elemente ascunse, să reîncărcați imagini și CSS extern, vizualizați codul sursă, linializați paginile și marcați toate linkurile ca vizitate sau nevizitata.
Acest supliment nu stochează și nu partajează date de identificare personală. Toate informațiile necesare pentru funcționarea acestuia rămân în dispozitivul dvs.
Folosind suplimentul Salvare ca MHTML, dezvoltatorii pot salva pagina web curentă în formatul MHTML (MIME HTML)/MHT. Suplimentul vine cu un buton din bara de instrumente pentru o utilizare fără efort. Salvează toate linkurile online într-un format offline.
MHTML este un format de fișier arhivă care salvează conținutul paginii web pentru vizualizare offline. Tipul de fișier încorporează toate resursele precum imagini, applet-uri și animații Flash în documentele HTML în timpul procesului.
Suplimentul are două instrumente diferite pe care le puteți utiliza pentru a edita conținutul paginii web înainte de a-l salva în fișierul MHTML.
Puteți alege modul de proiectare pentru activități precum schimbarea formatului textului în aldine și cursive, adăugarea unei imagini sau eliminarea oricărui conținut. Sau puteți selecta o secțiune a paginii și puteți cere acestui supliment să creeze un nou document din el.
Dezvoltatorii au o relație indispensabilă cu cookie-urile. Cookie-Editor este un supliment puternic care vă permite să efectuați operațiunile standard de cookie-uri în timpul fazei de dezvoltare și testare a paginii web.
Acest supliment vine cu o interfață ușor de utilizat, care vă permite să gestionați cookie-urile manual. Cu ajutorul acestuia, puteți crea, edita și șterge rapid cookie-uri în timp ce rămâneți pe filă.
Cu un singur clic, Cookie-Editor va șterge toate modulele cookie ale paginii curente. De asemenea, poate importa/exporta cookie-uri într-un format text.
Node.js V8 este un program de completare pe care îl puteți folosi cu Edge DevTools pentru a vă simplifica ciclul de dezvoltare Node.js. Poate gestiona ciclul de viață al ferestrei/filelor Edge DevTools, astfel încât să aveți mai mult timp să vă concentrați pe depanarea codului.
Legate de: Ce este depanarea Rubber Duck?
Suplimentul Node.js V8 vă permite să monitorizați sesiunile de depanare locale și de la distanță în timp ce controlați interfața DevTools, atât manual, cât și automat. De asemenea, îl puteți folosi pentru a depana procesele nodului VSCode și pentru a personaliza durata dintre probele inspectorului v8.
Cu ajutorul acestuia, puteți deschide și închide automat Edge DevTools într-o filă sau fereastră și puteți face DevTools activ sau inactiv la pornire. Funcția sa de inspectare vă scutește de a copia și lipi adresa URL DevTools prin detectarea automată a adresei URL generate atunci când rulați nodul.
BugReplay este în primul rând un supliment utilizat pentru o prezentare de ecran și depanare a rețelei. Vă ajută să vă înregistrați ecranul în sincronizare cu mesajele din consola JavaScript și cu traficul de rețea. Datorită acestui supliment, tot ce trebuie să faceți este să reveniți pe pașii pentru a captura erori în timp real.
Nu este nevoie ca un dezvoltator să comunice înainte și înapoi cu utilizatorii finali sau cu directorii de asistență. Ei pot afla fără probleme când și unde a apărut eroarea din informațiile înregistrate și pot rezolva problema în cel mai scurt timp.
Înregistrarea erorii devine ușoară cu extensia BugReplay. De asemenea, puteți examina eroarea înainte de a o împărtăși colegilor. Suplimentul oferă, de asemenea, o opțiune de a-l face public.
Alegeți suplimentele Edge preferate pentru dezvoltare
Parcurgând această listă de suplimente Microsoft Edge, le puteți alege pe cele care vă vor ajuta în dezvoltarea web și a aplicațiilor. Amintiți-vă, Microsoft Edge are și alte suplimente pentru utilizatorii obișnuiți. Puteți răsfoi și găsi extensii principale pentru alte sarcini, cum ar fi gestionarea parolelor.
Reținerea tuturor parolelor diferite poate fi dificilă, așa că iată cele mai bune nouă suplimente Microsoft Edge pentru gestionarea fără efort a parolelor.
Citiți în continuare
- Programare
- Microsoft Edge
- Extensii de browser
- Dezvoltare web
Tamal este un scriitor independent la MakeUseOf. După ce a câștigat o experiență substanțială în tehnologie, finanțe și afaceri procesează în postul său anterior într-o companie de consultanță IT, a adoptat scrisul ca profesie cu normă întreagă în urmă cu 3 ani. Deși nu scrie despre productivitate și despre cele mai recente știri tehnice, îi place să joace Splinter Cell și să urmărească Netflix/Prime Video.
Aboneaza-te la newsletter-ul nostru
Alăturați-vă buletinului nostru informativ pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!
Click aici pentru a te abona
