Firefox 11 добави два нови инструмента за разработчици на уеб към вече впечатляващия арсенал на Firefox. Функцията Tilt визуализира структури от уеб страници в 3D, докато Editor на стилове може да редактира CSS стилове в движение.
Триизмерната функция, известна като Tilt, е начин за визуализиране на уеб страницата на DOM. Той се интегрира със съществуващия инспектор на документи и използва WebGL, за да показва богата 3D графика във вашия браузър.
Tilt - Визуализиране на уеб сайт
Можете да получите достъп до Tilt от Инспектора на страницата на Firefox. За да започнете, отворете Page Inspector като изберете "Inspect" от менюто Web Developer. Можете също така да кликнете с десен бутон на мишката върху текущата страница и да изберете "Inspect Element", за да стартирате инспектора на конкретен елемент.
Кликнете върху бутона "3D" в лентата с инструменти на инспектора.Ще видите структурата на страницата след активирането на 3D режима, но ще изглежда равномерно, докато не го завъртите.Завъртете модела, като щракнете с левия бутон на мишката, преместете изображението наоколо, като кликнете с десния бутон на мишката и увеличете и увеличите с помощта на колелото на мишката.Този изглед е интегриран с другите инструменти в инспектора. Ако имате отворени панелите HTML или Стил, можете да кликнете върху елемент в hte страницата, за да видите HTML кода или свойствата на CSS на този елемент.Image
Още 3D функции
Функцията 3D визуализация се основаваше на разширението Tilt, но няма всички функции на разширението Tilt. ако искате да персонализирате цветовете или дори да експортирате визуализацията като 3D модел за използване с 3D програма за редактиране, ще трябва да инсталирате добавката Tilt 3D. Щом разполагате, ще получите нова опция "Накланяне" в менюто "Уеб програмисти".
Кликнете върху бутона Отказ, за да използвате старата версия на наклона, когато получите подкана.Ще намерите контроли, за да персонализирате визуализацията в лявата част на прозореца и други опции, включително опцията за експортиране, в горната част на страницата.Image
CSS редактор на стилове
За да прегледате и редактирате листа стил за CSS на страница, отворете редактора на стилове от менюто Web Developer.
Редакторът "Стил" изброява стиловите листове на текущата страница. Превключване на стилистика, като кликнете върху иконата на очите вляво от името на стиловия лист. Редактирайте стилова таблица, като я изберете и промените кода.Промените се отразяват незабавно на страницата. Ако превключите на стилова таблица, страницата ще загуби своята информация за стила. Ако редактирате стилова таблица, ще видите редакциите да се показват в страницата, докато пишете.Можете да запазите копие на една от стиловите таблици в компютъра си, да импортирате съществуващ стилове от компютъра си или да добавите нов, празен лист с стилове със записите за записване, импортиране или нови в прозореца на редактора на стилове.
Функцията за 3D визуализиране наблюдава промените на текущата страница и известията, когато настъпят промени. Когато използвате редактора на стилове с отворен 3D инспектор, промените ви ще бъдат отразени незабавно в триизмерен изглед. Това също така работи с разширения от трети страни, които променят уеб страници, като Firebug.
Microsoft наскоро пусна нова функция за приложението Windows 10 Mail, която ви позволява да предавате съобщения с чертежи направо в тялото на имейл. Това е чудесен начин бързо да скицирате неща като графики или таблици, за да получите гледката си, когато обикновеният текст просто не върши този трик.
Менюто за уеб програмисти на Firefox съдържа инструменти за проверка на страници, изпълнение на произволен код на JavaScript и преглед на HTTP заявки и други съобщения. Firefox 10 добави изцяло нов инструмент за инспектори и актуализиран Scratchpad.
Инструментите за актуализиране на WP7 включват Windows Phone Capability Detection Tool, Windows Phone Connect Tool и актуализиран Bing Maps Silverlight Control.
Microsoft въведе нови подобрени мрежови инструменти и функции в инструментите за разработчици на F12 за новия браузър Microsoft Edge в Windows 10. Да ги разгледаме.
