Како користити Фирефок Девелопер Тоолс
Веб-мени Фирефок-а садржи алатке за преглед страница, извршавање произвољног ЈаваСцрипт кода и преглед ХТТП захтева и других порука. Фирефок 10 је додао потпуно нову алатку Инспецтор и ажурирану Сцратцхпад.
Функције Фирефок-овог новог веб девелопера, у комбинацији са одличним додацима за веб-програмере као што су Фиребуг и Веб Девелопер Тоолбар, чине Фирефок идеалним прегледником за веб програмере. Сви алати су доступни под Веб Девелопер у Фирефок менију.
Инспектор странице
Прегледајте одређени елемент тако што ћете кликнути десним тастером миша и изабрати Инспецт (или притиском на К). Такође можете покренути Инспекторе из менија Веб Девелопер.
Видећете траку са алаткама на дну екрана, коју можете користити за контролу инспектора. Изабрани елемент ће бити истакнут, а остали елементи на страници ће бити затамњени.
Ако желите да изаберете нови елемент, кликните на Инспецт на траци са алаткама, пређите мишем преко странице и кликните на елемент. Фирефок истиче елемент испод курсора.
Можете се кретати између родитељских и подређених елемената кликом на крушне мрвице на траци са алаткама.
ХТМЛ Инспецтор
Кликните ХТМЛ да бисте видели ХТМЛ код тренутно изабраног елемента.
ХТМЛ инспектор вам дозвољава да проширите и сажмете ХТМЛ ознаке, што олакшава визуализацију на први поглед. Ако желите да видите ХТМЛ странице странице у равној датотеци, можете да изаберете Прикажи извор странице из менија Веб Девелопер.
ЦСС Инспецтор
Кликните Стиле да бисте видели ЦСС правила примењена на изабрани елемент.
Ту је и панел ЦСС својстава - пребацујте се између два кликом на Правила и Пропертиес дугмад. Да бисте лакше пронашли одређена својства, панел својстава садржи оквир за претрагу.
Можете уредити ЦСС елемента у лету из панела Правила. Искључите потврдне оквире да бисте деактивирали правило, кликните на текст да бисте променили правило или додајте своја правила елементу на врху окна. Ево, додао сам фонт-веигхт: болд; ЦСС правило, чинећи текст елемента подебљаним.
ЈаваСцрипт Сцратцхпад
Сцратцхпад је такође видео ажурирање са Фирефок 10, и сада садржи истицање синтаксе. Можете куцати ЈаваСцрипт код за покретање на тренутној страници.
Када то урадите, кликните на Изврши и изаберите Трцати. Код се покреће на тренутној картици.
Веб Цонсоле
Веб конзола замењује стару конзолу за грешке, која је застарела и биће уклоњена у будућој верзији Фирефок-а.
Конзола приказује четири различите врсте порука, које можете да промените видљивост - мрежни захтеви, ЦСС поруке о грешкама, поруке о грешкама у ЈаваСцрипту и поруке за Веб програмере.
Шта је порука за веб девелопер? То је порука која се штампа на објекту виндов.цонсоле. На пример, могли бисмо да покренемо виндов.цонсоле.лог (“Хелло Ворлд”); ЈаваСцрипт код у Сцратцхпад-у за штампање поруке развојног програмера на конзоли. Веб програмери могу интегрисати ове поруке у свој ЈаваСцрипт код да би помогли у отклањању грешака.
Освежите страницу и видећете генерисане мрежне захтеве и друге поруке.
Користите поље за претрагу да бисте филтрирали поруке; кликните на захтев ако желите да видите више детаља.
Од Фирефок 10, Веб конзола може радити у тандему са Паге Инспецтор. $ 0 променљива представља тренутно изабрани објекат у инспектору. Тако, на пример, ако желите да сакријете тренутно изабрани објекат, можете покренути $ 0.стиле.дисплаи = ”ноне” у конзоли.
Ако сте заинтересовани да сазнате више о употреби конзоле и њених уграђених функција, погледајте страницу Веб конзоле на веб локацији Мозилла Девелопер Нетворк.
Набавите још алата
Тхе Набавите још алата опција вас води у колекцију алата за алатке Веб Девелопер'с на веб локацији Мозилла Адд-Онс. Садржи неке од најбољих додатака за веб програмере, укључујући Фиребуг и Веб Девелопер Тоолбар.
Ако већ неколико година користите Фирефок, можда ћете се сетити ДОМ инспектора. Од тада су интегрисани развојни алати Фирефока прошли дуг пут.
