Firefox 11 a adăugat două noi instrumente pentru dezvoltatori web Arsenalul deja impresionant al Firefox . Funcția Tilt vizualizează structurile site-ului web în 3D, în timp ce Editorul de stil poate edita foile de stil CSS din mers.
Funcția 3D, cunoscută sub numele de Tilt, este un mod de a vizualiza DOM-ul unui site web. Se integrează cu Document Inspector existent și folosește WebGL pentru a afișa grafică 3D bogată în browserul dvs.
Tilt - Vizualizare 3D a site-ului web
Puteți accesa Tilt din inspectorul de pagini al Firefox. Pentru a începe, deschideți Page Inspector selectând „Inspect” din meniul Dezvoltator web. De asemenea, puteți face clic dreapta în pagina curentă și puteți selecta „Inspectare element” pentru a porni inspectorul la un anumit element.
Faceți clic pe butonul „3D” de pe bara de instrumente a inspectorului.
Veți vedea structura paginii după activarea modului 3D, dar va arăta plan până când o rotiți.
Rotiți modelul făcând clic stânga, mutați imaginea făcând clic dreapta și măriți și micșorați folosind rotița mouse-ului.
Această vizualizare este integrată cu celelalte instrumente din inspector. Dacă aveți panourile HTML sau Style deschise, puteți face clic pe un element din pagina hte pentru a vizualiza codul HTML sau proprietățile CSS ale acelui element.
Mai multe caracteristici 3D
Funcția de vizualizare 3D se bazează pe extensia Tilt, dar nu are toate caracteristicile extensiei Tilt. dacă doriți să personalizați culorile sau chiar să exportați vizualizarea ca fișier model 3D pentru a fi utilizat cu un program de editare 3D, va trebui să instalați Completați Tilt 3D . Odată ce ați obținut, veți primi o nouă opțiune „Tilt” în meniul Dezvoltator web.
Faceți clic pe butonul Anulare pentru a utiliza versiunea veche de Tilt atunci când vi se solicită.
Veți găsi comenzi pentru a personaliza vizualizarea în partea stângă a ferestrei și alte opțiuni, inclusiv funcția de export, în partea de sus a paginii.
Editor de stil CSS
Pentru a vizualiza și edita foile de stil CSS ale unei pagini, deschideți Editorul de stil din meniul Dezvoltator web.
Editorul de stil listează foile de stil de pe pagina curentă. Activați sau dezactivați o foaie de stil făcând clic pe pictograma ochiului din stânga numelui foii de stil. Editați o foaie de stil selectând-o și modificând codul.
Modificările sunt reflectate imediat pe pagină. Dacă dezactivați o foaie de stil, pagina își va pierde informațiile despre stil. Dacă editați o foaie de stil, veți vedea modificările apar pe pagină în timp ce tastați.
Puteți salva o copie a uneia dintre foile de stil pe computer, puteți importa o foaie de stil existentă de pe computer sau puteți adăuga o foaie de stil nouă, necompletată, cu salvarea, importarea sau linkurile noi din fereastra Editorului de stil.
Funcția de vizualizare 3D urmărește modificările de pe pagina curentă și observă când apar modificări. Când utilizați Editorul de stil cu inspectorul 3D deschis, modificările dvs. vor fi reflectate imediat în vizualizarea 3D. Acest lucru funcționează și cu extensii de la terțe părți care modifică pagini web, cum ar fi Firebug.
