Нов стилов редактор и изобразяване на DOM на 3D страници във Firefox 11

Сред новите инструменти ще бъде Style Editor: инструмент, предназначен за по-удобна работа със стилове на HTML страници. Всъщност инструментът е прозорец с два панела, единият от които е предназначен да показва списъци с имена на стилове, а вторият - действителния CSS код. Разработчиците ще могат да създават нови стилове в движение, да ги импортират от файл, да включват и изключват отделни стилове, като могат да оценят как изглежда страницата и направените промени се показват незабавно. Ако програмист иска да изследва CSS кода на друг сайт, който често е минимизиран, за да се намали скоростта на зареждане, тогава Style Editor ще може да определи "оптимизираните" места в CSS и да ги покаже по удобен начин.

Как изглежда бъдещият инструмент можете да видите на екранната снимка по-долу:

редактор

Друго подобрение за разработчиците визуално изглежда по-зрелищно - показване на структурата на уеб страница в 3D форма (функционалност, която преди беше внедрена в разширението Tilt)

Ако компютърът на програмиста поддържа WebGL, тогава Firefox 11 ще може да показва DOM структурата на уеб страница като 3D изображение, в което вложените елементи се показват като „стекове“. Разбира се, една 3D DOM страница поддържа стандартни 3D елементи като мащабиране и завъртане, а щракването върху 3D елемент ще отвори неговия HTML и/или CSS код.

Как изглежда може да се види на екранната снимка по-долу:

редактор