Instrumentele pentru dezvoltatori Edge în comparație cu instrumentele pentru dezvoltatori Chrome

În acest tutorial vei învăța să folosești uneltele de dezvoltare Microsoft Edge, care sunt similare în multe aspecte cu unele unelte de dezvoltare Google Chrome. Vei descoperi cum poți deschide și folosi eficient aceste unelte, precum și diferențele dintre cele două seturi de unelte de dezvoltare pentru browsere.

Cele mai importante concluzii

Uneltele de dezvoltare Edge oferă o interfață utilizator aproape identică cu uneltele de dezvoltare Chrome, în ceea ce privește funcțiile de bază. Diferențele constau în principal în interfața utilizatorului și în câteva funcții suplimentare, în timp ce instrumentele de bază și scurtăturile au rămas în mare parte la fel.

Ghid pas cu pas

Pentru a deschide uneltele de dezvoltare Edge, ai la dispoziție mai multe opțiuni. O modalitate este să apeși pe F12. Dacă lucrezi pe un Mac, poți folosi combinația de taste Command + Option + I. Utilizatorii Windows pot folosi, de asemenea, combinația Control + Shift + I. Dacă dorești să deschizi uneltele de dezvoltare prin meniul contextual, dai clic dreapta pe antetul paginii web și selectezi opțiunea "Inspectați".

Interfața uneltelor de dezvoltare Edge îți va fi imediat familiară, dacă ai lucrat deja cu uneltele de dezvoltare Chrome. Tab-urile sunt acolo, icoanele par diferite și uneltele suplimentare le găsești printr-un simbol "Plus" în bara de sus. În Chrome, aceste unelte suplimentare au devenit accesibile prin meniul principal.

Dacă dorești să adaugi un nou tab în uneltele de dezvoltare Edge, trebuie doar să apeși pe simbolul Plus. Astfel poți adăuga, de exemplu, uneltele de animație. Acestea vor fi afișate în partea de sus a barei de tab-uri, asemănător cu uneltele de dezvoltare Chrome.

Există de asemenea un tab "Bun venit", asemănător cu pagina "Ce e nou" din Chrome. Aici poți vedea o prezentare generală a funcțiilor uneltelor de dezvoltare. Îți recomand să consulți acest tab pentru a descoperi, eventual, sfaturi și trucuri utile pe care nu le-am prezentat încă în curs.

O altă caracteristică utilă a uneltelor de dezvoltare Edge este posibilitatea de a muta bara de taburi în partea stângă. Acest lucru permite o aranjare verticală a tab-urilor. Icoanele vor apărea ca "tooltip-uri", economisind spațiu și oferind mai mult loc pentru unelte.

Uneltele de design în sine pot fi modificate prin diferite setări, similare cu setările Chrome. Poți personaliza meniurile extensibile, documentația și bara de activități. Astfel, îți păstrezi mediul de lucru obișnuit.

Una dintre puținele diferențe este simbolul suplimentar pentru Azure DevOps în uneltele Edge, care nu există în Chrome. Acest lucru este deosebit de util pentru dezvoltatorii care lucrează în mediul Azure.

Odată ce te afli în tab-urile respective, vei observa că structura și funcțiile din ambele unelte sunt aproape identice. Poți folosi stilurile, layout-urile calculate și tot ce ești obișnuit să folosești în Chrome și în Edge.

Actualizările de funcții pot fi ușor diferite. Dacă Chrome adaugă o nouă funcție, este posibil ca aceasta să fie disponibilă puțin mai târziu în Edge sau invers. Prin urmare, este recomandabil să verifici periodic ce noi funcții sunt adăugate în diferitele unelte.

Aceasta a fost practic tot ce trebuie să știi despre uneltele de dezvoltare Edge. Dacă ești deja familiarizat cu uneltele de dezvoltare Chrome, te vei acomoda rapid și cu uneltele de dezvoltare Edge.

Concluzie

În acest tutorial ai aflat despre similaritățile și diferențele dintre uneltele de dezvoltare Google Chrome și Microsoft Edge. Acum știi cum să deschizi uneltele și ce funcții ai la îndemână pentru a lucra eficient la proiectele tale web.