30Jun

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

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

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

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

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

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

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

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

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

Више 3Д карактеристика

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

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

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

ЦСС стилски уређивач

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

Уређивач Стиле листе стилове на тренутној страници.Укључите или искључите стилски стил тако што ћете кликнути на икону ока с лијеве стране имена стила.Измените стил листе тако што ћете је изабрати и изменити код.

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

Можете да сачувате копију једног од стилова на рачунар, да увезете постојећу таблицу са вашег рачунара или да додате нову, празну таблу са везама Сачувај, Увози или Нови у прозору Стиле Едитор.

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