fotoleto.ru - Владимир Жуйков     

=фотоальбомы=фоторабота=фотосеть=графпро=сайтострой=

В помощь— Mozilla — Веб-разработка

SeaMonkey Mozilla Suite и Firefox — инструменты для создателей сайтов

Composer (Компоновщик)
Визуальный редактор HTML. Встроен в SeaMonkey и Mozilla Suite
В русской версии Симанки и Мозиллы полностью русифицирован.
В настройках типов файлов можно назначить Composer редактором HTML-файлов, чтобы в контекстном меню при нажатии на «Редактировать» документ сразу открывался в окне Composer. В Win98 в проводнике:
Сервис -> Свойства папки -> Типы файлов -> Документ HTML -> Изменить -> Создать -> в строчку «Действие:» вписать «Редактировать», в строчку «Приложение:» вписать в кавычках путь к файлу «mozilla.exe» с параметром -edit через пробел. Например:
"C:\Program Files\Mozilla\mozilla.exe" -edit
# SeaMonkey
Инспектор DOM
Представляет структуру документа в виде дерева с полной информацией по каждому элементу.
Откройте DOM-инспектор из меню SeaMonkey:
Tools -> Web Development -> DOM Inspector.
Откройте через адресную строку в окне DOM-инспектора подопытную страницу.
Внизу в окне браузера DOM-инспектора появится страница.
Слева вверху в окне DOM-инспектора появится структура исследуемой страницы.
Нажмите на кнопку со стрелкой-указателем слева на панели инструментов DOM-инспектора.
Кликните по интересующему вас элементу исследуемой страницы.
Контуры элемента должны мигнуть несколько раз, а код в окне DOM-инспектора раскроется на участке, соответствующем выбранному элементу.
В правом окне откроется требуемая информация.
Варианты — в выпадающем меню. Наиболее полная информация по CSS элемента — на страничке «Computed Style».
DOM Inspector
addons.mozilla.org/seamonkey/addon/dom-inspector-6622/
DOM Inspector
developer.mozilla.org/En/DOM_Inspector
Mozilla DOM inspector
clagnut.com/blog/340/
# SeaMonkey
# Firefox
Page Source
Исходный код страницы.
Для открытой страницы. View -> Page Source. Вид -> Исходный код страницы.
Или Ctrl+U.
Для любой страницы. В адресною строку вписать view-source: и добавить адрес страницы.
# SeaMonkey
# Firefox
View Selection Source
Исходный код выделенного фрагмента.
Выделите текст, элементы на странице, в контекстном меню выберите «View Selection Source» (Просмотр исходного кода выделенного фрагмента), — в новом окне откроется код выбранного участка страницы. Если выделить всё — на выходе получите полный код страницы после интерпретирования его браузером (DOM Source).
# SeaMonkey
# Firefox
Page Info
Информация о странице.
SeaMonkey. View -> Page Info. Вид -> Информация о странице.
Firefox. Tools -> Page Info. Инструменты -> Информация о странице.
# SeaMonkey
# Firefox
JavaScript Console
Консоль JavaScript.
Отладка JavaScript.
# SeaMonkey
# Firefox
JavaScript Debugger
Отладчик JavaScript (Venkman).
# SeaMonkey
JavaScript Debugger
addons.mozilla.org/mozilla/216/
Отладчик JavaScript (Venkman).
# SeaMonkey
# Firefox
JS Console
jsconsole.mozdev.org
JS Console
extensionroom.mozdev.org/more-info/jsconsole
Tool for JavaScript developers to write and evaluate code snippets or JS files.
Console-2
www.haslo.ch/zeniko/software/console2.xpi
Console-2
forums.mozillazine.org/viewtopic.php?t=318102
Консоль JavaScript. Проверка JavaScript, CSS. XML.
# Firefox
# SeaMonkey
JSConsoleOutput
tblack.f2o.org
JSConsoleOutput mod
xsidebar.mozdev.org/modifiedmisc.html#jsconsoleoutput
Логирует сообщения JavaScript Console в текстовые файлы.
# Firefox
# SeaMonkey xSidebar-модификация.
View Dependencies
mozilla.queze.net
В окно "информация о странице" добавляет вкладку с подробной информацией о подключаемых файлах страницы.
# Firefox
# SeaMonkey
Web Developer
chrispederick.com/work/webdeveloper/
Web Developer
addons.mozilla.org/seamonkey/60/
Статья о Web Developer
msk.nestor.minsk.by/kg/2004/45/kg44513.html
Добавляет свою панель, подменю в меню «Tools» («Инструменты») и контекстное меню со множеством функций (более 100), полезных в разработке сайтов и при просмотре страниц.
# SeaMonkey
# Firefox
PNH Developer Toolbar
www.placenamehere.com/pnhtoolbar/
Устаревшее.
FireBug
addons.mozilla.org/en-US/firefox/addon/1843
Firebug
www.getfirebug.com
Отладка JavaScript, Ajax, CSS, HTML непосредственно на странице. Инспекция DOM.
# Firefox
# SeaMonkey (с версий: SM 2.0.1 и FireBug 1.5b4)
Aardvark
www.karmatics.com/aardvark/
Aardvark — SeaMonkey
users.skynet.be/fa258499/hackedexts.html
Визуальное выделение элемента под мышкой, в тайтле - тип, class или id, удаление элемента страницы или его окружения, удаление фиксированной ширины, изменение цвета фона, д.р. Просмотр исходного кода элемента.
# Firefox
# SeaMonkey — модификация
Accessibility Extension
firefox.cita.uiuc.edu
Изменение внешнего вида просматриваемой страницы, информация об элементах страницы, отключение скриптов, стилей. Валидаторы.
# Firefox
ViewSourceWith
sourceforge.net/projects/dafizilla/
ViewSourceWith
addons.mozilla.org/seamonkey/394/
Просмотр исходного кода HTML или DOM в назначенных редакторах HTML (текстовых редакторах). Просмотр исходного кода страниц на сервере. Просмотр фотографий и др. изображений со страниц HTML в назначенных графических редакторах.
# SeaMonkey
# Firefox
# NVU
View formatted source
addons.mozilla.org/firefox/697/
Просмотр размеченного исходного кода всей страницы или исходного кода выделенного фрагмента страницы. По выбору — просмотр CSS и JS.
# Firefox
X-Ray
addons.mozilla.org/firefox/1802/
Теги исходного кода страницы непосредственно на странице.
# Firefox
View Source Chart
addons.mozilla.org/firefox/655/
Просмотр размеченного исходного кода страницы. Сохранение размеченного кода в виде страницы HTML.
# Firefox
View Source in Tab
loucypher.wordpress.com/projects/extensions/view-source-in-tab/
View Source in Tab mod
xsidebar.mozdev.org/modifiedmisc.html#viewsourceintab
Просмотр кода страницы во вкладке.
# Firefox
# SeaMonkey xSidebar-модификация.
JSView
addons.mozilla.org/seamonkey/2076/
JSView mod
xsidebar.mozdev.org/modifiedmisc.html#jsview
Software Blaze — JsView
forum.softwareblaze.com/viewforum.php?f=2
Просмотр подключённых к странице файлов css, js и фреймов в назначенном внешнем редакторе, во вкладке или в новом окне браузера. Просмотр встроенных в страницу css и js отдельно от страницы.
# Firefox
# SeaMonkey xSidebar-модификация.
ColorZilla
www.iosart.com/firefox/colorzilla/
ColorZilla
addons.mozilla.org/mozilla/271/
Определение цвета (пикер), таблицы цветов, цветовые палитры.
# SeaMonkey
# Firefox
Rainbowpicker
addons.mozilla.org/firefox/1693/
Подбор цвета из палитры.
# Firefox
# SeaMonkey
Palette Grabber
addons.mozilla.org/firefox/2290/
Палитра цветов страницы в форматах: Photoshop, Paint Shop Pro, Fireworks, GIMP, Flash.
# Firefox
measure it
www.kevinfreitas.net/extensions/measureit/
MeasureIt mod
http://xsidebar.mozdev.org/modifiedmisc.html#measureit
Экранная линейка.
# Firefox
# SeaMonkey xSidebar-модификация.
Image Zoom
addons.mozilla.org/seamonkey/139/
Image Zoom
imagezoom.yellowgorilla.net
Зуммирование изображений на страницах.
# SeaMonkey
# Firefox
Codetch
addons.mozilla.org/mozilla/1002/
Редактирование страниц.
Nandu
addons.mozilla.org/mozilla/1143/
Редактирование страниц.
# SeaMonkey
# Firefox
EditCSS
editcss.mozdev.org
Редактирование файлов CSS в боковой панели.
# Firefox
# SeaMonkey xSidebar-модификация.
CSSViewer
addons.mozilla.org/firefox/2104/
Просмотр свойств CSS.
# Firefox
Web Development Bookmarklets
www.squarefree.com/bookmarklets/webdevel.html
Закладушки.
# SeaMonkey
# Firefox
Checky
checky.sourceforge.net/extension.html
Checky
addons.mozilla.org/mozilla/165/
Проверка HTML, XHTML, CSS, RDF, RSS, XML, WAI, Section 508, P3P, Metadata, ссылок.
# SeaMonkey
# Firefox
LinkChecker
addons.mozilla.org/mozilla/532/
Проверка работоспособности ссылок.
# Firefox
HTML Validator (based on Tidy)
users.skynet.be/mgueury/mozilla/
HTML Validator (based on CSE HTML Validator)
addons.mozilla.org/mozilla/887/
Relaxed the HTML Validator
addons.mozilla.org/mozilla/3939/
Relaxed the HTML Validator
relaxed.vse.cz
Relaxed Firefox Extension
relaxed.sourceforge.net/firefox-plugin.html
Проверка HTML-кода страниц на соответствие стандартам.
# Firefox
# SeaMonkey
FireFTP
fireftp.mozdev.org
FireFTP mod
http://xsidebar.mozdev.org/modifiedmisc.html#fireftp
FTP-клиент.
# Firefox
# SeaMonkey xSidebar-модификация.
domainFinder
addons.mozilla.org/firefox/1836/
Whois.
# Firefox
Domain Details
addons.mozilla.org/firefox/2166/
Whois.
# Firefox
LiveHTTPHeaders
livehttpheaders.mozdev.org
LiveHTTPHeaders
extensionroom.mozdev.org/more-info/livehttpheaders
Информация о HTTP-заголовках страниц.
# SeaMonkey
# Firefox
Tamper Data
addons.mozilla.org/firefox/966/
Просмотр и изменение HTTP/HTTPS заголовков и post параметров. Trace and time http response/requests.
# Firefox
UrlParams
addons.mozilla.org/seamonkey/1290/
UrlParams
urlparams.blogwart.com
Выводит в боковую панель get/post запросы сайтов.
# SeaMonkey
# Firefox
Refspoof
refspoof.mozdev.org
Refspoof mod
xsidebar.mozdev.org/modifiedmisc.html#refspoof
Изменение рефёррера.
# Firefox
# SeaMonkey xSidebar-модификация.
CookiePanel
cookiepanel.mozdev.org
CookiePanel mod
xsidebar.mozdev.org/modified.html#cookiepanel
Просмотр кукишей в реальном времени.
# Firefox
# SeaMonkey xSidebar-модификация.
Tuxhealth
tuxhealth.mozdev.org
Tuxhealth allows you to quickly see what software the remote web site uses, and whether it is open source or proprietary software.
# Mozilla
TestGen4Web
addons.mozilla.org/firefox/1385/
TestGen4Web
dev.spikesource.com/wiki/index.php/Projects:TestGen4Web
Запись и воспроизведение действий на страницах сайтов.
# Firefox
Xinha Here
addons.mozilla.org/firefox/1449/
WYSIWYG редактирование HTML. Работает с редактором Xinha.
# Firefox
Small Screen Rendering
disruptive-innovations.com/products/index.html#SSRXPI
Small Screen Rendering
extensionroom.mozdev.org/more-info/smallscreen
Расширение для Мозиллы. Демонстрирует как будет выглядеть страница на экране мобильника.
wmlbrowser
addons.mozilla.org/seamonkey/62/
Simulate WAP browsing by viewing WML (Wireless Markup Language).
# SeaMonkey
# Firefox
IE Tab
addons.mozilla.org/seamonkey/1419/
IE Tab
ietab.mozdev.org
Отображение страницы в табе движком IE.
# Firefox
# SeaMonkey
LoremIpsum Content Generator
addons.mozilla.org/seamonkey/198/
Заполнение контента латинским текстом.
# SeaMonkey
# Firefox
SEObar
www.developing.ru/seobar/firefox.html
Для оптимизаторов сайтов.
# Firefox
Adsense Preview
addons.mozilla.org/firefox/2132/
preview the Adsense ads that might be shown on a page
Word Count
roachfiend.com/archives/2005/03/03/word-count/
В выделенном тексте подсчитывает количество слов.
# Firefox
Multizilla
multizilla.mozdev.org
MultiZilla на русском
backup.mozilla.ru/multizilla/
Добавляет свою панель, содержащую кнопки запуска JS-консоли, инспектора DOM и др. Добавляет в панель статуса, по выбору, кнопки переключения режимов "разрешено-запрещено" для изображений, JavaScript, блокированных окон, редиректов, плагинов, фреймов.
Referrer Spoofing — замена реферера, смена User Agent, выбор меню для полноэкранного режима, удаление истории загрузок, кэша, куков, паролей, форм по выходу, выбор действия при изменении страницей контекстного меню, выбор действия для метаобновлений страницы. Настройки блокировки попапов. Всевозможные операции с табами. Вид табов, боковушки. Скрытие каждой из кнопок панели навигации. RSS. Восстановление сессий, деактивация расширений, выбор меню для полноэкранного режима. И др.
# SeaMonkey 1
xSidebar
xsidebar.mozdev.org
xSidebar внешне и функционально преобразует боковую панель SeaMonkey. Панели теряют индивидуальные кнопки-заголовки, переключаются через выпадающее меню. Вместе с расширением xSidebar на SeaMonkey работают некоторые специально приспособленные расширения Файрфокса.
# SeaMonkey
Mozilla Sidebar Tabs
ulf.zeitform.de/mozilla/
Боковушки для Мозиллы со ссылками на спецификации CSS, DOM, HTML, XHTML, XSLT.
DevBoi
devboi.mozdev.org
DevBoi
www.martincohen.info/products/devboi/
DevBoi mod
xsidebar.mozdev.org/modified.html#devboi
Справочные материалы для веб-разработчиков: HTML 4.01 elements, attributes, and entity tables; CSS 2 properties, compatibility chart; DOM 2 objects, methods and properties; XUL element reference and tutorials.
Если не установится как расширение, разархивируйте, — внутри страницы HTML, связанные ссылками.
# Firefox
# SeaMonkey xSidebar-модификация.
Web Development Bookmarklets
www.squarefree.com/bookmarklets/webdevel.html
Extended Copy Menu
addons.mozilla.org/ru/firefox/addon/4554
Копирование из контекстного меню выделения в виде простого текста или с тегами HTML.
# Firefox
Open With
www.darktrojan.net/software/addons/openwith/
Open With
addons.mozilla.org/ru/seamonkey/addon/11097
Открыть страницу в Internet Explorer, Chrome, Safari, Opera и др. браузерах.
# Firefox
# SeaMonkey 2
Text Formatting Toolbar
addons.mozilla.org/ru/firefox/addon/4763
Панель с кнопками форматирования в кодах BBcode, HTML или Wiki.
# Firefox
Copy URL Plus
copyurlplus.mozdev.org
Copy URL Plus
addons.mozilla.org/ru/firefox/addon/129
Добавляет в контекстное меню страницы команды копирования в буфер обмена в разных комбинациях адреса страницы, заголовка страницы, ссылки под курсором и выделения на странице, текущего времени.
Возможность составления собственных шаблонов с HTML или форумскими тегами.
# Firefox
# SeaMonkey
Make Link
addons.mozilla.org/ru/firefox/addon/142
Копирование в виде ссылок в кодах HTML, форумских из контекстного меню.
# Firefox
Extended Link Properties +
addons.mozilla.org/seamonkey/addon/124503/
В "свойствах" ссылки показывается дополнительная информация: HTTP-заголовки, вес файла, дата последнего изменения, тип содержимого.
# Firefox
# SeaMonkey
Write Area
addons.mozilla.org/seamonkey/addon/6147/
Turns textareas into HTML fields enabled by FCKeditor. You can use a WYSIWYG editor with any old plain textarea.
# Firefox
# SeaMonkey
JavaScript Deobfuscator
addons.mozilla.org/seamonkey/addon/javascript-deobfuscator/
Расширение показывает, какой JavaScript-код выполняет страница, даже если код создается динамически. Просто откройте окно JavaScript Deobfuscator из меню Инструменты и просмотрите список компилируемых/выполняемых скриптов.
# Firefox
# SeaMonkey
Event Spy
addons.mozilla.org/seamonkey/addon/event-spy/
Lets you watch JavaScript events as they occur.
# Firefox
# SeaMonkey
Extension Auto-Installer
addons.mozilla.org/seamonkey/addon/autoinstaller/
Для разработчиков расширений: автоматизация переустановок расширений.
# Firefox
# SeaMonkey
Extension Test
addons.mozilla.org/seamonkey/addon/extension-test/
Для тестирования расширений.
# Firefox
# SeaMonkey
Developer Tools
extensionroom.mozdev.org/list.php/Mozilla/dev
Assist in XUL and website design
Расширения Мозиллы для разработчиков.
Extending Firefox for Web Developers
www.bytefarmers.com/log/2005/09/03/extending-firefox-for-web-developers/
Fini Alring
JavaScript Console, DOM Inspector, Venkman - JavaScript Debugger, Web Developer Extension, Greasemonkey, Platypus, ColorZilla, LiveHTTPHeaders, View Rendered Source, View Cookies, Add N Edit Cookies
Some great Web Developer extensions
www.dria.org/wordpress/archives/2005/11/22/292/
Using Mozilla in Testing and Debugging Web Sites
Ссылка на web.archive.org
Using Mozilla in testing and debugging web sites
gemal.dk/mozilla/development.html
Best Firefox Extensions
www.ironspider.ca/browsers/extfirefox.htm
Best Firefox Extensions for Webmasters.

=карта сайта=о сайте=в помощь=автор=контакты=

Использование фотографий и текстов необходимо согласовывать с автором.