Полезни webdev extensions за Firefox
30 октомври 2005, 19:04 ч • Уеб дизайн и програмиране • коментари: 3
Кой не знае Web Developer Toolbar, кой не е чувал за него... Той наистина е чудесен, но освен него има и още няколко благинки, които си заслужават вниманието.
View Formatted Source
С помощта на този extension човек може лесно и бързо да разбере кои точно CSS селектори влияят върху HTML елементите, например когато нещо не изглежда така, както се очаква. Отваря се прозорец със source кода на страницата и при минаване с мишката над отварящ таг, изскача един popup, в които има списък на всички CSS селектори, които оказват влияние върху избрания елемент, в кой файл и на кой ред се намират те, както и техните атрибути и стойности.
Extension-ът има още един режим на работа, при който очертава елементите div, table, tr, th, td и span директно върху страницата и при кликване върху някой от тях, се появява прозорец със source кода само на този елемент.
HTML Validator
Истински цял вграден HTML+ Accessibility валидатор. Показва броя на грешките и предупрежденията в status bar-а на Firefox веднага щом страницата се зареди, а ако човек влезе в source кода, може да види списъка с грешките, оцветените редове, на които те се намират, както и обяснения за причините за възникването на грешката, начини за оправяне на проблема, примери и линкове за допълнителна информация. Accessibility валидаторът може да се настройва за кое ниво на достъпност да проверява.
Друго нещо, което този валидатор може да прави, е да пренапише source кода на дадена страница. Настройва се дали изходният код да е HTML или XHTML, дали таговете и атрибутите да са с главни или малки букви, както и дали подчинените елементи да започват по-навътре на нов ред. След това extension-ът предлага човек да провери дали има разлики в изгледа в браузъра на двата варианта на кода.
Checky
Както подсказва името, този extension е свързан с валидирането. Той предлага автоматично извикване на същински сбиротак от сайтове, които проверяват HTML, CSS, XML, RSS, WAI/508, broken links и други за отворената страница в браузъра. Предлагат се даже по няколко сайта за всеки вид проверка. Има също така линкове към инструменти като meta tag analyzer, симулатори на браузъри и още, и още. За някои от сайтовете може предварително да се настройват различни параметри на валидацията.
Този extension е полезен не само заради директните възможности, които предлага, ами и заради многото връзки към страници, от които човек може да научи неща за правенето на уеб сайтове.
Rendered Source Chart
Този extension показва source кода на страниците и йерархията на елементите на едни просторни и прегледни шарени чаршафи, така че ако например човек гони някакви незатворени или грешно вложени тагове, те веднага се виждат.
Web Developer Toolbar
Е, ако има уеб разработчици, които все още не са си сложили това нещо, може би сега е добър момент да поправят този пропуск :) Няма да описвам възможностите на toolbar-а, това вече е направено на много места, пък и те хич не са малко.
Коментари
Можеш да следиш коментарите към този сайт и чрез RSS.
jordan • 10 ноември 2005, 14:07 ч
Бих добавил само colorzilla
много полезен плъгин
тук: www.iosart.com/firefox/colorzilla
Драгомир • 24 януари 2006, 16:44 ч
Здравей,
хареса ми статията за плъгина Html Validator.
Свалих си го от сайта на производителя, но там има някакъв странен архив.
Въпреки всичко успях да го разархивирам и в архива има 2 папки (chrome & components) + два файла Install (Java scripts) & Install.rdf
Та въпроса ми е как именно да инсталирам плъгина?
Извинявай за наивния въпрос, просто Инстала не е изпълняем файл.
Предварително благодаря за вниманието.
Димо • 24 януари 2006, 17:11 ч
Здрасти Драгомир,
Явно не си свалил каквото трябва - трябва ти един-единствен XPI файл, който Firefox си го разпознава като extension и си го инсталира директно. На тази страница има таблицата от която си избираш кой XPI файл да свалиш, в зависимост от операционната ти система :)
http://users.skynet.be/mgueury/mozilla/download.html
Коментирай
Полетата с по-тъмен етикет са задължителни. Email-ът ти няма да бъде публикуван. Писането на кирилица е желателно. Сайтът поддържа граватари.
Блог категории
Страници
Нови коментари
- Посетихме Рим преди няколко дни-пренасяш се в...
от Петя - Здравейте, ползвам рутер линксис wrt54, и съм...
от Марто - Здравейте, ползвам рутер линксис wrt54, и съм...
от Марто - zdr Imam Ruter TP-LINK moga li da...
от Ivan - много много ми хареса всичко -много информативно...
от венета