13Sep

Како користити Фирефокове алатке за веб програмере

Мени Фирефок-а за веб програмера садржи алате за проверу страница, извршавање произвољног ЈаваСцрипт кода и прегледање ХТТП захтева и других порука.Фирефок 10 је додао потпуно нову алатку Инспецтор и ажурирао Сцратцхпад.

Нове функције за веб програмер Фирефока, у комбинацији са одличним додацима за веб девелопере као што су Фиребуг и Веб Девелопер Тоолбар, чине Фирефок идеалним претраживачем за веб програмера.Сви алати су доступни у оквиру Веб Девелопера у менију Фирефока.

Паге Инспецтор

Прегледајте одређени елемент десним кликом миша и изаберите Инспецт ( или притисните К ).Такође можете покренути Инспецтор из менија Веб Девелопер.

Видећете траку са алаткама на дну екрана, коју можете користити за контролу инспектора.Ваш одабрани елемент ће бити означен и остали елементи на страници ће бити затамњени.

​​Ако желите да изаберете нови елемент, кликните на Инспецт типку на траци са алаткама, поставите мишем преко странице и кликните на свој елемент.Фирефок наглашава елемент испод вашег курсора.

Можете да се крећете између родитељског и дететског елемента тако што ћете кликнути на дробилице на траци са алаткама.

ХТМЛ Инспецтор

Кликните на ХТМЛ дугме да бисте видели ХТМЛ код тренутно изабраног елемента.

ХТМЛ инспектор дозвољава вам да проширите и срушите ХТМЛ ознаке, што вам олакшава визуелизацију на први поглед.Ако желите да видите ХТМЛ страницу у равној датотеци, можете да изаберете Виев Паге Соурце из менија Веб Девелопер.

ЦСС инспектор

Кликните на типку Стиле да бисте видели правила ЦСС која се примењују на изабрани елемент.

Постоји и ЦСС својство панела - прелазак између ова два кликом на правила и својства дугмади.Да бисте вам помогли да пронађете одређена својства, панел за својства укључује оквир за претрагу.

Можете да измените ЦСС елемента елемента на лети са панела Правила.Избришите било које поље за потврду да деактивирате правило, кликните на текст да бисте променили правило или додали своја правила елементу на врху окна.Овде, додао сам фонт-веигхт: болд; ЦСС правило, чинећи текст елемента болд.

ЈаваСцрипт Сцратцхпад

Сцратцхпад је такође видио упдате са Фирефоком 10, а сада садржи и означавање синтаксе.Можете укуцати ЈаваСцрипт код који ће се покренути на тренутној страници.

Једном када имате, кликните на мени Екецуте и изаберите Рун. Код се покреће на тренутном језичку.

Веб конзола

Веб конзола замењује стару конзолу за грешке, која је застарјела и биће уклоњена у будућој верзији Фирефока.

Конзола приказује четири различите врсте порука које можете пребацити на видљивост - мрежне захтеве, ЦСС поруке о грешци, поруке о грешкама ЈаваСцрипта и веб програмерске поруке.

Каква је порука за веб програмера?То је порука одштампана у објекту виндов.цонсоле.На пример, могли бисмо покренути виндов.цонсоле.лог( "Хелло Ворлд"); ЈаваСцрипт код у Сцратцхпад-у да бисте штампали поруку за програмер на конзолу.Веб програмери могу интегрисати ове поруке у свој ЈаваСцрипт код како би помогли у отклањању грешака.

Освежите страницу и видећете генериране мрежне захтеве и друге поруке.

Користите поље за претрагу да бисте филтрирали поруке;кликните на упит ако желите да видите више детаља.

Од Фирефока 10, Веб конзола може радити у тандему са Паге Инспецтор.Промена $ 0 представља тренутно изабрани објекат у инспектору.Дакле, на пример, ако сте хтели да сакријете тренутно изабрани објекат, можете покренути $ 0.стиле.дисплаи = "ноне" у конзоли.

Ако сте заинтересовани да сазнате више о коришћењу конзоле и његових уграђених функција, погледајте страницу Веб конзоле на веб локацији Мозилла'с Девелопер Нетворк.

Сазнајте више алатке

Добијте више алатки Опција одводи вас до додатка на Веб Девелопер Тоолбок-у на веб локацији Мозилла додатака.Садржи неке од најбољих додатака за веб програмера, укључујући Фиребуг и Веб Девелопер Тоолбар.

Ако сте користили Фирефок неколико година, можда ћете се сетити ДОМ Инспектора.Интегрисани алати за развој алгоритама Фирефок-а су од тада прошли далеко.