Новият уеб програмист на Firefox, в съчетание с страхотните добавки за уеб разработчици като Firebug и лентата с инструменти за уеб програмисти, правят Firefox идеален браузър за уеб програмисти. Всички инструменти се предлагат в уеб програмиста в менюто на Firefox.
Инспектор на страницата
Проверете конкретен елемент, като кликнете с десния бутон върху него и изберете Огледайте (или натискане Q). Можете също така да стартирате Инспектор от менюто "Уеб програмисти".
Ако искате да изберете нов елемент, кликнете върху Огледайте бутон на лентата с инструменти, задръжте курсора на мишката върху страницата и кликнете върху елемента си. Firefox подчертава елемента под курсора ви.
HTML инспектор
Кликнете върху HTML за да видите HTML кода на текущо избрания елемент.
HTML инспекторът ви позволява да разширявате и свивате HTML таговете, което ви позволява лесно да се визуализира с един поглед. Ако искате да видите HTML на страницата в плосък файл, можете да изберете Виж източника на страницата от менюто "Уеб програмисти".
Инспектор на CSS
Кликнете върху стил за да видите правилата на CSS, приложени към избрания елемент.
Има и панел за свойства на CSS - превключете между двете, като кликнете върху правилник и Имоти бутони. За да ви помогне да намерите конкретни свойства, панелът за свойства включва поле за търсене.
Можете да редактирате CSS елемента в движение от панела "Правила". Премахнете отметката от някое от квадратчетата за отметка, за да деактивирате правило, кликнете върху текста, за да промените правило или добавете ваши собствени правила към елемента в горната част на прозореца. Ето, добавих шрифт-тегло: удебелен; CSS, като текстът на елемента е смел.
Скриптове за JavaScript
Scratchpad видя и актуализация с Firefox 10 и сега съдържа синтаксис. Можете да въведете кода на JavaScript, който да се показва на текущата страница.
Щом разполагате, кликнете върху Изпълни и изберете Пусни. Кодът се изпълнява в текущия раздел.
Уеб конзола
Уеб конзолата замества старата конзола за грешки, която е отхвърлена и ще бъде премахната в бъдеща версия на Firefox.
Какво представлява съобщение за уеб програмист? Това е съобщение, отпечатано на обекта 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 отдавна са дошли.
