Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   ПО для Web разработчика (https://forum.antichat.xyz/forumdisplay.php?f=92)
-   -   [Must have] Все для веб мастеров (https://forum.antichat.xyz/showthread.php?t=147146)

PandoraBox 10.10.2009 15:13

[Must have] Все для веб мастеров
 
[Mozilla] Набор для Веб-разработчика

http://s51.radikal.ru/i131/0910/3b/8772ead54674.jpg
  • Codetch — WYSIWYG-редактор по функциям напоминающий Macromedia (Adobe) DreamWeaver. Окна со вкладками, функция предварительного просмотра, отладчик Javascript - вот лишь несколько пунктов из обширного списка функциональных особенностей продукта.
  • Firebug — Наверное самым мощным инструментом в "Наборе веб-разработчика на базе FireFox" является уникальное средство отладки веб-приложений.
  • Web Developer — это плагин для браузера Mozilla Firefox, добавляющий панель веб-разработчика, с помощью которой Вы без лишних затрат сможете посмотреть стиль элемента, его отредактировать, редактировать атрибуты html тегов.
  • Live HTTP Headers — позволяет видеть, что именно гуляет между вашим браузером и сервером. А хорошим дополнением к LiveHTTPHeaders будет кнопка очистки кэша браузера "Clear Cache", еще одно расширение для Firefox (после установки вам нужно вручную добавить ее на панель инструментов).
  • MeasureIt — расширение схожее по назначению с ColorZilla - измеряет расстояния на странице. С помощью него мы можем получить точные размеры произвольного прямоугольника.
  • ColorZilla — Дополнение к FireFox, при помощи которого можно определять цвета в любой точке браузера.
  • Xinha here! — замечательное расширение для FireFox, которое представляет из себя WYSIWYG-редактор для форм с богатым набором возможностей.
  • FasterFox — это расширение Firefox, ускоряющее загрузку веб-страниц браузером Firefox. На апрель 2006 года занимает 3-е место в рейтинге расширений.
  • FlashGot - интеграция с менеджерами закачек.
  • Adblock Plus - блокировать рекламу.
  • NoScript - позволяет запреть/разрешить работу JavaScript на конкретном сайте.
  • [CUT]Screen Grab! - сохранить страницу как картинку.
  • Cooliris Previews - просмотр содержимого ссылки в мини-окне.
  • SwitchProxy Tool - переключение между серверами прокси.
  • ChatZilla - IRC клиент.
  • IE Tab - отображение Internt Explorer в закладке FireFox.
  • Password Exporter - помогает импортировать экспортировать пароли к сайтам, в основном использую для просмотра забытых паролей.
  • ScrapBook - удобный инструмент для сохранения html страниц.
  • SEO for Firefox - набор полезных мини-утилит для оптимизатора (оптимизатор).
  • SEOBar - набор полезных мини-утилит для оптимизатора (оптимизатор)
  • Site Navigation Bar - плагин для работы с мета информацией страницы (link rel="prev")
  • User Agent Switcher - позволяет прикинутся разными браузерами (web-разаработчик).
  • View formated source - просмотр исходного HTML страницы (web-разаработчик).
  • View Source Chart - структурная диаграма исходного кода HTML (web-разаработчик).
  • Web Developer - набор архи-полезных утилит для web - разработчика (web-разаработчик).
  • MeasureIt - линейка для измерения размеров отрендереного HTML (web-разаработчик).
  • FireBug - отладка Java Script - архи-полезная вещь для web - разработчика (web-разаработчик).
  • DOM Inspector - просмотр DOM дерева документа (web-разаработчик).
  • Gmail Manager - слежение за почтой gmail.

PandoraBox 10.10.2009 15:14

Онлайновые сервисы и инструменты
Конечно, полное представление об отображении сайта в различных браузерах можно получить, только установив их на свой компьютер, но если нужно просто проверить все ли в порядке, то онлайновые сервисы могут быть весьма полезны. Ассортимент сервисов достаточно широк, но многие из них платные.
  • Browsershots
    Позволяет тестировать сайты не только в Firefox, Opera, IE и Safari, но и в экзотических браузерах (Dillo, Epiphany, Flock, Galeon, Konqueror, Seamonkey), возможна настройка разрешения и глубины цвета, а также поддержки JavaScript и Flash.

    http://designformasters.info/stuff/b...owsershots.png

    Все отправленные URL добавляются в очередь, время ожидания их обработки зависит от загруженности сервера. Вы можете создать закладку, чтобы вернуться за результатами своего запроса или получить уведомление по E-Mail или RSS. Можно загрузить все свои скриншоты в виде zip архива.
  • Litmus
    Не просто предоставляет вам скриншоты, но и содержит систему управления тестированием. Скриншоты создаются в почти в 30 различных браузерах в течении секунд, причем можно видеть всю страницу а не только ее верхнюю часть как в других сервисах. Сервис содержит систему контроля версий и отслеживания багов.

    http://designformasters.info/stuff/b...ing/litmus.png

    Сейчас сервис создает скриншоты в 17 браузерах для Windows и 6 браузерах для Mac OS X, а вскоре будут добавлены еще некоторые браузеры. И хотя сервис не столь всеобъемлющий как другие, цена достаточно высока и составляет 39$ в месяц за индивидуальную лицензию. Есть интересная возможность создания скриншотов рассылок в почтовых клиентах Outlook 2007, Outlook 2003, Outlook 2002, Outlook 2000, Gmail, Hotmail и AOL Mail.
  • Browsercam
    Предводитель в семействе тестовых сервисов, кроме скриншотов возможно удаленное управление браузером. Количество доступных браузеров постоянно растет, на данный момент это более 70 браузеров под Linux, Win и Mac, а также эмуляторы мобильных устройств BlackBerry и Win Mobile. Есть настройка разрешений и доступа к защищенным сайтам, возможна загрузка скриншотов в zip архиве.

    http://designformasters.info/stuff/b...browsercam.png

    По большому счету этот сервис предоставляет все, что вам может понадобиться. Возможны тарифные планы от $20 до $1000 в месяц.

    http://designformasters.info/stuff/b...esting/br1.png

    Широкий выбор……

    http://designformasters.info/stuff/b...esting/br2.png

    …и гибкая настройка!

Статьи
  • Как протестировать сайт в различных браузерах на одном компьютере
    Количество браузеров в которых нужно тестировать сайты давно перешло все границы, это Internet Explorer (IE) 7, 6, 5.5 и 5.0, Firefox 2.0 и 1.5, Opera 9 и 8, несколько версий Safari, и еще множество не столь распространенных. При этом, они работают на различных платформах: Windows, Mac, Linux. Есть еще и проблема невозможности совместной установки различных версий для некоторых браузеров (наиболее заметный пример Internet Explorer для Windows. Автор этой статьи предлагает несколько способов преодоления проблем с установкой нескольких версий различных браузеров на одном компьютере.

На что способен ваш браузер?

Новые версии браузеров дают новые возможности веб-разработчикам, к примеру, Safari поддерживает некоторые правила CSS3. Вот небольшой список тестов, позволяющих узнать, какие технологии поддерживает ваш браузер, и как обстоят дела с их поддержкой в других браузерах, чтобы определить, что можно использовать в своих проектах, а что не стоит.


Время: 09:23