Share
Ce veți creaFirefox Developer Edition a fost lansat de Mozilla în cadrul celei de-a 10-a aniversări a Firefox-ului anul trecut. Recent, au fost puse la dispoziție și versiuni de Firefox Developer Edition pe 64 de biți pentru Windows, Linux și Mac OS X. Firefox Developer Edition oferă acces facil pentru o gamă largă de instrumente pentru dezvoltatori, care ajută la facilitarea depanării și ajuta la o mai rapidă și mai profesională dezvoltare. Puteți descărca ultima versiune a Firefox Developer Edition de aici. Să aruncăm o privire la unele dintre caracteristicile minunate ale Firefox Developer Edition.
Cu WebIDE, aveți posibilitatea să creați, să editați, să testați sau să depanați aplicațiile web executându-le pe simulatorul de sistem de operare Firefox. Dacă creați o nouă aplicație web, aceasta creează, de asemenea, o placă de bază pentru aplicații sau o placă de boiler mai completă pentru dvs., împreună cu o structură de directoare corespunzătoare. WebIDE vă permite, de asemenea, să conectați Firefox Devtools la multe alte browsere web, cum ar fi Safari (iOS), Firefox (Android) și Chrome (Android).
Designul reactiv în Firefox poate fi invocat apăsând pe Ctrl + Shift + M. Puteți verifica capacitatea de reacție a aplicației dvs. web cu ajutorul acestui utilitar. Acesta oferă o serie de opțiuni, cum ar fi setarea dimensiunii dispozitivului pe care doriți să îl emulați, rotirea ecranului (trecerea de la modul portret la modul peisaj), simularea evenimentelor touch și realizarea capturii de ecran a paginii web în modul receptiv.
Instrumentul Eyedropper este un instrument foarte minunat care vă ajută să cunoașteți valoarea hexazecimală a oricărei culori într-o pagină web (la fel ca și instrumentul pentru pipetă în Photoshop). Acest lucru ajută la găsirea culorii oricărui element sau a imaginii care trebuie să navigheze prin codul său prin Element Inspector. Dând clic pe copiile color este valoarea în clipboard!
Toți am lucrat cu Inspectorul de Elemente, acum ce naiba este Browser Inspector? Browser Inspector este folosit pentru depanarea browser-ului Firefox. Dacă doriți să modificați culoarea barei de adrese URL sau, de exemplu, să schimbați curba filelor cu rezultate nepermanente, puteți face acest lucru prin intermediul Inspectorului de browser. Deși același rezultat poate fi obținut prin Scratchpad, Browser Inspector este minunat dacă nu sunteți un dezvoltator de Firefox sau dacă doriți doar să vă testați modificările!
Acum, acest lucru, simt că este cea mai minunată caracteristică a instrumentelor de dezvoltare pentru Firefox. Puteți să vizualizați redarea 3D a oricărui site web, în care fiecare bloc de elevație reprezintă un element, în ordinea cuiburilor în codul site-ului. Acest lucru vă ajută să aflați ce elemente sunt imbricate în elementul respectiv. Puteți accesa vizualizarea 3D apăsând pe Ctrl + Shift + C și apoi selectând pictograma în formă de cutie din partea dreaptă a panoului nou deschis.
Puteți deschide Scratchpad apăsând Shift + F4. Scratchpad poate fi folosit pentru a rula clustere de cod javascript și pentru a edita, rula și examina rezultatele. Modul în care diferă de Consola de browser este acela că Consola de browser este concepută pentru a interpreta o singură linie de cod la un moment dat, dar cu Scratchpad puteți lucra cu bucăți mai mari de cod care o execută în diferite moduri, în funcție de modul în care doriți să utilizați producție.
Firefox Developer Edition oferă o gamă largă de instrumente pentru crearea, depanarea, monitorizarea performanței, depanarea browser-ului și extinderea propriilor dispozitive DevTools. Explicarea tuturor instrumentelor depășește domeniul de aplicare al acestui articol. Cu toate acestea, puteți să consultați lista completă de instrumente aici. Sperăm că introducerea instrumentelor menționate mai sus vă va ajuta în activitățile de dezvoltare web zilnică.
Accentsconagua