Како користити Фирефок-ове Веб Девелопер алате да бисте прегледали структуре сајта у 3Д

Фирефок 11 је додао два нова алата за веб девелопер у Фирефоков већ импресиван арсенал. Функција Тилт визуализира структуре веб-страница у 3Д-у, док уређивач стила може у лету уређивати ЦСС стилове.

3Д функција, позната као Тилт, је начин визуализације ДОМ-а веб локације. Интегрише се са постојећим Доцумент Инспецтор-ом и користи ВебГЛ да прикаже богату 3Д графику у вашем претраживачу.

Тилт - 3Д визуализација сајта

Можете приступити Тилт-у унутар Фирефок-овог Паге Инспецтор-а. Да бисте започели, отворите Паге Инспецтор тако што ћете изабрати “Инспецт” из менија Веб Девелопер. Такође можете да кликнете десним тастером миша на тренутну страницу и изаберете “Инспецт Елемент” да бисте покренули инспектора на одређеном елементу.

Кликните на дугме „3Д“ на палети алатки инспектора.

Структуру странице ћете видети након активирања 3Д режима, али ће изгледати равно док га не ротирате.

Окрећите модел тако што ћете кликнути левим тастером миша, померити слику около тако што ћете кликнути десним тастером миша и увећати или умањити приказ помоћу точкића миша.

Овај поглед је интегрисан са другим алатима у инспектору. Ако имате отворен ХТМЛ или Стиле панел, можете да кликнете на елемент на хте страници да бисте видели ХТМЛ елемент или ЦСС својства тог елемента.

Море 3Д Феатурес

Значајка 3Д визуализације заснована је на Тилт екстензији, али нема све значајке проширења Тилт. ако желите да прилагодите боје или чак и извезете визуелизацију као датотеку 3Д модела за коришћење са 3Д програмом за уређивање, мораћете да инсталирате додатак за Тилт 3Д. Када то урадите, добићете нову опцију "Тилт" у менију Веб Девелопер.

Кликните на дугме Откажи да бисте користили стару верзију опције Тилт када се то од вас затражи.

Пронаћи ћете контроле за прилагођавање визуелизације на левој страни прозора и друге опције, укључујући и могућност извоза, на врху странице.

ЦСС Стиле Едитор

Да бисте прегледали и уредили ЦСС стилске странице странице, отворите Стиле Едитор из менија Веб Девелопер.

Едитор стилова наводи листе стилова на тренутној страници. Укључите или искључите стилску таблу тако што ћете кликнути икону ока са леве стране имена стила. Уредите листу стилова тако што ћете је одабрати и модификовати код.

Промене се одмах одражавају на страници. Ако искључите стилску страницу, страница ће изгубити информације о стилу. Ако уредите листу стилова, видећете да се измене појављују на страници док куцате.

Копију једног од стилских листа можете да сачувате на рачунар, да увезете постојећу табелу стилова са рачунара или да додате нову, празну табелу стилова са ставкама Саве, Импорт или Нев у прозору Едитор стилова..

Функција 3Д визуализације прати измене на тренутној страници и обавештава када дође до промена. Када користите Едитор стила са отвореним 3Д инспектором, промене ће се одмах приказати у 3Д приказу. Ово такође функционише са екстензијама других произвођача које мењају веб странице, као што је Фиребуг.