|
|
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».
Mozilla DOM inspector
www.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
- 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.
|
