Mozilla ha annunciato appena un momento fa, che ha migliorato il CSS Griglia di Ispezione di Firefox Strumenti di sviluppo integrati in modo significativo.
La nuova funzionalità è stata aggiunta per Firefox Nightly, l’avanguardia nella versione in fase di sviluppo di Firefox web browser che ottiene nuove caratteristiche, prima che la migrazione alla versione Beta e quindi per le versioni Stabili del browser web.
CSS Layout di Griglia è un metodo di divisione di una pagina web in regioni, e la definizione di rapporti di elementi della pagina. Il nome della griglia viene dal layout caratteristico di allineamento degli elementi in colonne e righe.
Mentre simile a tabelle, CSS Grid offre vantaggi come la possibilità di sovrapposizione di elementi o usare i livelli.
Mozilla migliora CSS Griglia di Ispezione in Firefox Nightly
Firefox Nightly gli utenti possono aprire gli Strumenti di sviluppo del proprio browser mediante l’F12. Per utilizzare il nuovo CSS funzionalità della Griglia, di cui hanno bisogno per aprire la finestra di Ispezione Utensile su una pagina che utilizza CSS Griglia.
Il Layout del Pannello elenca tutti i CSS Grid container sulla pagina attiva. Esso comprende una sovrapposizione sulla parte superiore di quella che visualizza il layout, la posizione e il livello di ciascun contenitore.
Sviluppatori di Firefox può personalizzare il display con le seguenti tre opzioni che sono disponibili in questo momento:
- Estendere le linee della griglia infinitamente.
- Visualizzare i numeri sulle linee.
- Griglia di visualizzazione di aree. Questo è un elenco di delimitazione aree e associati nome dell’area di ogni cella della griglia a destra nella pagina.
Un altro elemento visivo che è nuovo in Strumenti di sviluppo è la capacità di passare con il puntatore del mouse su qualsiasi contenitore di avere evidenziate nella pagina. È necessario selezionare la sovrapposizione griglia prima per le opzioni di lavoro.
Un’altra nuova caratteristica di Griglia di Ispezione consente agli sviluppatori di vedere dove le linee della griglia sono per le reti, che sono tradotti, inclinato, ruotato o ridimensionato.
Mozilla ha aggiunto un nuovo Modello di Scatola Proprietà per la Griglia di Ispezione. Elenca tutte le proprietà che determinano la posizione, la dimensione e la geometria dell’elemento selezionato.
Gli sviluppatori possono modificare alcune proprietà, la posizione e l’altezza e la larghezza di proprietà direttamente lì.
Ecco un video che illustra le nuove funzionalità.
Ora: se sei uno sviluppatore web, qual è la tua opinione su CSS Cingerà la veste e la funzionalità di Firefox Strumenti di sviluppo in relazione a questo?