Менюто за уеб програмисти на Firefox съдържа инструменти за проверка на страници, изпълнение на произволен код на JavaScript и преглед на HTTP заявки и други съобщения. Firefox 10 добави изцяло нов инструмент за инспектори и актуализиран Scratchpad.
Новият уеб програмист на Firefox, в съчетание с страхотните добавки за уеб разработчици като Firebug и лентата с инструменти за уеб програмисти, правят Firefox идеален браузър за уеб програмисти. Всички инструменти се предлагат в уеб програмиста в менюто на Firefox.
Проверете конкретен елемент, като кликнете с десния бутон върху него и изберете Огледайте (или натискане Q). Можете също така да стартирате Инспектор от менюто "Уеб програмисти".
Ще видите лента с инструменти в долната част на екрана, която можете да използвате, за да контролирате инспектора. Вашият избран елемент ще бъде откроен и другите елементи на страницата ще бъдат затъмнени.
Ако искате да изберете нов елемент, кликнете върху Огледайте бутон на лентата с инструменти, задръжте курсора на мишката върху страницата и кликнете върху елемента си. Firefox подчертава елемента под курсора ви.
Можете да навигирате между родителски и детски елементи, като кликнете върху гроздовете в лентата с инструменти.
Кликнете върху HTML за да видите HTML кода на текущо избрания елемент.
HTML инспекторът ви позволява да разширявате и свивате HTML таговете, което ви позволява лесно да се визуализира с един поглед. Ако искате да видите HTML на страницата в плосък файл, можете да изберете Виж източника на страницата от менюто "Уеб програмисти".
Кликнете върху стил за да видите правилата на CSS, приложени към избрания елемент.
Има и панел за свойства на CSS - превключете между двете, като кликнете върху правилник и Имоти бутони. За да ви помогне да намерите конкретни свойства, панелът за свойства включва поле за търсене.
Можете да редактирате CSS елемента в движение от панела "Правила". Премахнете отметката от някое от квадратчетата за отметка, за да деактивирате правило, кликнете върху текста, за да промените правило или добавете ваши собствени правила към елемента в горната част на прозореца. Ето, добавих шрифт-тегло: удебелен; CSS, като текстът на елемента е смел.
Scratchpad видя и актуализация с Firefox 10 и сега съдържа синтаксис. Можете да въведете кода на JavaScript, който да се показва на текущата страница.
Щом разполагате, кликнете върху Изпълни и изберете Пусни. Кодът се изпълнява в текущия раздел.
Уеб конзолата замества старата конзола за грешки, която е отхвърлена и ще бъде премахната в бъдеща версия на Firefox.
Конзолата показва четири различни вида съобщения, на които можете да превключвате видимостта на - заявки за мрежата, съобщения за грешка в CSS, съобщения за грешки в JavaScript и съобщения за уеб програмисти.
Какво представлява съобщение за уеб програмист? Това е съобщение, отпечатано на обекта window.console. Например, бихме могли да стартираме window.console.log ("Здравей свят"); JavaScript код в Scratchpad, за да отпечатате съобщение за разработчик в конзолата. Уеб разработчиците могат да интегрират тези съобщения в своя JavaScript код, за да ви помогнат с отстраняването на грешки.
Обновете страницата и ще видите генерираните заявки за мрежа и други съобщения.
Използвайте полето за търсене, за да филтрирате съобщенията; кликнете върху заявка, ако искате да видите повече подробности.
От Firefox 10 Web Console може да работи заедно с инспектора на страниците. Променливата $ 0 представлява текущо избрания обект в инспектора. Така например, ако искате да скриете текущо избрания обект, можете да го пуснете $ 0.style.display = "никой" в конзолата.
Ако искате да научите повече за използването на конзолата и нейните вградени функции, разгледайте страницата на уеб конзолата в уеб сайта на Mozilla's Developer Network.
Най- Получете повече инструменти опцията ще ви отведе до събирателната добавка на Web Developer Toolbox в уеб сайта на Mozilla Add-Ons. Той съдържа някои от най-добрите добавки за уеб програмисти, включително Firebug и лентата с инструменти за уеб разработчици.
Ако сте използвали Firefox няколко години, може да помните DOM Inspector. Инструментите за интегриран разработчик на Firefox отдавна са дошли.
