Saptamana aceasta marcheaza lansarea Firefox Developer Edition 48. In pregatirea pentru sosirea multiprocesului Firefox si deprecierea suplimentului Firebug, portam caracteristicile Firebug in instrumentele incorporate. De asemenea, am facut modificari la instrumentele actuale pe care le vom acoperi in aceasta postare.
Tema Firebug
Ca parte a portarii caracteristicilor Firebug la instrumentele incorporate, portam si tema Firebug, oferind utilizatorilor Firebug un mediu mai familiar cu care sa lucreze. Aceasta este versiunea initiala a temei, asa ca va rugam sa ne anuntati daca gasiti erori si sa le raportati aici. Iata o captura de ecran a temei Firebug:
Panoul DOM
Panoul DOM este o alta caracteristica pe care o portam de la Firebug. Acest panou ofera o vizualizare utila a arborelui, care va permite sa navigati si sa inspectati structura DOM a paginii dvs. Iata o captura de ecran a noului instrument:
Stocare editabila
Suportul de editare din cadrul inspectorului de stocare este una dintre cele mai frecvente functii solicitate. In aceasta versiune, am adaugat posibilitatea de a edita si sterge cookie-urile, stocarea locala si intrarile de stocare a sesiunii. Puteti edita o celula facand dublu clic pe ea. De asemenea, puteti sterge intrari utilizand meniul contextual.
Editor de geometrie
In aceasta versiune, am adaugat un nou instrument de editare vizuala care va permite sa modificati cu usurinta pozitionarea oricarui element absolut pozitionat sau cu pozitie fixa . Puteti modifica valorile proprietatilor de sus, stanga, jos si dreapta folosind acest instrument. Pentru a lansa editorul de geometrie, accesati fila Model cutie din inspector si faceti clic pe pictograma.
Imbunatatiri ale instrumentului de memorie
Instrumentul de memorie este acum imbunatatit cu o vizualizare complet noua a arborelui care ofera o prezentare vizuala rapida si intuitiva a modului in care este utilizata memoria. Aceasta vizualizare noua grupeaza obiectele in functie de tipurile lor, ceea ce va permite sa vedeti cu usurinta cantitatea de articole similare (tablouri la desenarea liniilor de panza, scripturi la incarcarea unui site web cu continut de script etc.) ocupand memorie. De asemenea, dimensiunea fiecarui element din harta este proportionala cu cantitatea de octeti utilizati, ceea ce va permite sa vedeti cu usurinta ce elemente va ocupa cea mai mare parte a memoriei.
Instrumentul de memorie ofera o vizualizare agregata utila care grupeaza toate instantele aceluiasi tip de nod. In aceasta versiune, puteti face clic acum pe pictograma ⁂ pentru a vizualiza toate instantele individuale de un anumit tip intr-o vizualizare separata. De asemenea, puteti vizualiza caile de retinere ale acelor noduri individuale, utilizand panoul de cai de retinere adaugat in versiunea anterioara. Acest lucru va permite sa identificati cu precizie modul in care un anumit obiect se scurge atunci cand depanati aplicatia dvs. web.
In cele din urma, am adaugat si posibilitatea de a elimina instantanee individuale din bara laterala a instrumentului de memorie.
Imbunatatiri ale inspectorului
Am lustruit experienta utilizatorului in inspector pentru a o face mai usoara si mai usor de utilizat. Completarea automata a vizualizarii Reguli selecteaza acum cea mai utilizata proprietate in mod implicit pentru a va face experienta de creare mai rapida.
pornocolombianas fire force hentai
coños bonitos porno abuelas españolas
videos incesto online violadas xxx
madura española con joven trio con gordas
pornox tetas amateur
scat porno tios desnudos
españolas masturbandose maduras españolas amateur
descargar peliculas porno xxx gratis en español
jovencitas españolas follando por dinero se follan a su mujer
caras llenas de semen abuelas tragando leche
chicas haciendo el amor lesbianas cagando
mujeres maduras corriendose culos gordos
le pilla masturbandose tetona amateur
nicolette shea zoofila
videos de zofilia gratis supertetas
videos porno online madura se corre
videos xxx violadas videos mamadas
pirno porno tens
brazzers videos completos videos porno violada
pajas en español corrida en el culo
De exemplu, fundalul va fi selectat in locul vizibilitatii din spate, deoarece este folosit mai frecvent. Iata un screencast al functiei in actiune:
De asemenea, am imbunatatit modul in care valorile lungi sunt tratate in vizualizarea Reguli. Un nou mod multi-linie special pentru valori lungi va permite sa ajungeti si sa selectati in mod convenabil diferite parti ale valorii pe care o editati.
Vizualizarea de marcare subliniaza acum relatia dintre un nod parinte si copiii sai. Elementul selectat are acum o linie sub el care evidentiaza nodurile copil. Acest lucru va permite sa identificati cu usurinta nodurile elemente copil selectate atunci cand marcajul HTML este complex.
A fost adaugata o modalitate rapida de a comuta intre diferite unitati de unghi in vizualizarea Reguli. Acum exista o mostra langa valorile unghiului pe care le puteti schimba-faceti clic pentru a merge intre diferite unitati, similar cu interactiunea valorilor culorilor. Aceasta caracteristica a fost adaugata de colaboratorul Nicolas Chevobbe.
In cele din urma, am adaugat comenzi rapide de la tastatura pentru a naviga cu usurinta intre rezultatele cautarii vizualizarii de markup. Acum puteti utiliza Shift + Enter pentru a naviga inapoi in rezultatele cautarii. De asemenea, Ctrl / Cmd + G si Ctrl / Cmd + Shift + G functioneaza acum ca aliasuri pentru Enter si Shift + Enter. Aceste comenzi rapide de la tastatura au fost adaugate de colaboratorul Steve Melia.
Imbunatatiri ale consolei
Consola a primit, de asemenea, diverse modificari care va vor face experienta zilnica cu instrumentul mai placuta. Prima imbunatatire vine din setul de caracteristici Firebug pe care le portam. Acum puteti extinde jurnalele de retea pentru a le inspecta si a dezvalui o vizualizare a detaliilor in stil Firebug. Iata o captura de ecran:
Daca lucrati cu obiecte Map sau Set, acum puteti vizualiza si inspecta intrarile lor individuale din bara laterala a consolei. Aceasta caracteristica a fost adaugata de colaboratorul Jarda Snajdr.
In cele din urma, am adaugat suport pentru console.clear () pentru a sterge iesirea consolei.
despre: caracteristici de depanare
In pregatirea pentru lansarea WebExtensions, am adaugat o functie care va fi de mare ajutor dezvoltatorilor de programe de completare. Acum puteti reincarca programe de completare din aproximativ: depanare, care va permite sa va dezvoltati rapid programul de completare fara a fi nevoie sa il reinstalati de fiecare data cand efectuati o modificare.
Daca lucrati cu lucratori de service, veti observa ca am adaugat un mod de a anula inregistrarea lucratorilor individuali. Iata o captura de ecran:
Alte schimbari notabile
In plus fata de modificarile de mai sus, am lustruit diverse zone ale cutiei de instrumente, inclusiv:
- Animatiile pe pseudo-elementele :: inainte si :: dupa sunt acum inspectabile de la inspectorul de animatie. (Bug 1206420, note de dezvoltare)
- Pesmetul a fost mutat in partea de jos a panoului inspectorului. (Bug 1256422, note de dezvoltare)
- Acum exista un buton pentru a crea un nou nod in inspector. (Bug 1261781, note de dezvoltare)
- Comutarea intre fisierele din depanator este acum mai rapida. (Bug 1233927, note de dezvoltare)
- Performanta imbunatatita la selectarea valorilor lungi in inspectorul de stocare. (Bug 1156720, note de dezvoltare)
- Experienta utilizatorului cu punct de intrerupere a fost imbunatatita pentru a fi mai putin confuza. (Bugul 1245030, note de dezvoltare)
- Pictograme noi in bara de file a casetei de instrumente. (Bug 1225184, note de dezvoltare)
- Pictograma clara a fost actualizata (Bug 1251256, note de dezvoltare) si este acum plasata in mod constant intre instrumente. (Bug 1220208, note de dezvoltare)
Multumim tuturor celor care au contribuit la aceasta lansare! Asigurati-va ca luati o copie noua a editiei pentru dezvoltatori Firefox si impartasiti-va parerile! Daca aveti feedback despre portarea diferitelor functii Firebug, ne-ar placea sa auzim aici sugestiile si comentariile constructive.
Contribuitor Mozilla care lucreaza la Firefox.
Mai multe articole de Tim Nguyen …
