firefox
Инструменты для тестирования сайта под разными браузерами
Для проверки рендеринга HTML-страниц под разными сайтами можно рекомендовать сервис Adobe Browser Lab. К его достоинствам относится огромный выбор браузеров и удобство формирования целевых групп для тестирования. Список доступных браузеров быстро пополняется при выходе новых версий, так что это решение можно смело назвать "все в одном". К неудобствам Adobe Browser Lab относится необходимость регистрации на сайте Adobe и статичность получаемых скриншотов.
А если вам нужен хороший инструмент для проверки отображения сайта конкретно в Internet Explorer - во всех версиях, от IE 5.5 до IE 9, то попробуйте IETester (см. также описание IETester и других IE-инструментов на русском). Он прост в использовании, не нужно ставить никаких виртуальных машин для простой проверки страницы - просто скачиваете небольшую программу и все. Даже альфа-версия хорошо работает.
Как держать на одной машине много неконфликтующих версий Firefox — для разработки, тестирования, отладки и жизни
Иногда в жизни веб-разработчика настает момент, когда хочется все бросить и пойти в спамеры нужно использовать разные версии среды Firefox на одной машине.
Но не все знают, что спамеры строят ад, в который они идут это очень легко сделать без лишних движений, достаточно лишь установить разные версии Firefox в разные каталоги, для удобства создать несколько профилей различного назначения и затем просто связать нужные версии Firefox с нужными профилями с помощью обычных ярлыков (или вызовов из командной строки). Итак, по порядку:
Установка разных версий Firefox
По умолчанию, Firefox норовит установиться в каталог "C:\Program Files\Mozilla Firefox\" и в этом случае каждая новая версия будет брутально ставиться поверх предыдущей. Но если вы хотите держать много версий на одной машине, в мастере установки добавьте к этой строке номер версии. Например, для Firefox 3.0 это будет такой путь: "C:\Program Files\Mozilla Firefox\3.0.0", а для Firefox 3.0.10 — "C:\Program Files\Mozilla Firefox\3.0.10". И все ваши браузеры будут в идеальном порядке.
Настройка профилей в Firefox
Чтобы использовать на одной машине много версий Firefox, необязательно создавать для каждой свой профиль пользователя. Независимо от того, сколько версий Firefox установлено, все они могут (и будут по умолчанию) использовать один и тот же профиль.
А в профиле хранятся такие данные, как открытые вкладки, история, сохраненные пароли, и, что важно для разработчика, установленные в браузере расширения.
Практика показывает, что для удобства полезно создать пару профилей: например, Main и Dev. Уютный профиль Main вы используете с последней версией браузера в режиме ушастого юзвиря: бродите по сети, бездумно открываете сотни вкладок, храните общую историю брожения и делаете все прочее, относящееся к ушастой деятельности. Этот профиль обычно раздувается и засоряется всякими штуками, которые хочется держать под рукой.
А вот профиль Dev — это ваш специальный профиль для режима бога, для разработки, тестирования и отладки, тут мало мусора, много девелоперских настроек и т.п, тут может случиться и часто случается всякое. Засорение этого профиля носит совсем иной характер, тут хранится мусор всякого отладочного назначения.
Профили — это дело вкуса, можно создать их десятки, а можно пользоваться одним. В Firefox встроен простой и эффективный менеджер профилей. Чтобы увидеть его, нужно добавить один параметр с команду запуска Firefox:
"C:\Program Files\Mozilla Firefox\3.0.10\firefox.exe" -ProfileManager
И вы увидите его. Здесь изображены три моих профиля, включая один "Outdated", иногда я захожу в него, чтобы поностальгировать и попытаться вспомнить, что заставило меня тогда оставить открытыми 145 табов.
Каждый профиль хранится в каталоге с нечеловеческим именем типа "c:\Documents and Settings\rostislavr\Local Settings\Application Data\Mozilla\Firefox\Profiles\o10lo.default". При создании нового профиля (кнопка "Create profile...") в менеджере профилей вы можете указать любой путь, так, чтобы, например, было удобно носить профили с собой, да хоть на съемной флэшке.
Запуск нужной версии Firefox с нужным профилем пользователя
Итак, все фаерфоксы установлены в правильные каталоги, а также у нас есть два профиля, Main и Dev.
Вот так выглядят команды вызова нужных версий с нужными профилями — используется аргумент командной строки -Р [имя профиля], и эти команды можно назначить обычным ярлыкам на рабочем столе — таким, как на картинке в начале этой статьи:
Обычный режим — свежая версия браузера, профиль Main:
"C:\Program Files\Mozilla Firefox\3.0.10\firefox.exe" -P Main
Разработка в Firefox 2.0.0.20 — профиль Dev
"C:\Program Files\Mozilla Firefox\2.0.0.20\firefox.exe" -P Dev
Разработка в Firefox 3.0.0
"C:\Program Files\Mozilla Firefox\3.0.0\firefox.exe" -P Dev
Разработка в Firefox 3.0.10
"C:\Program Files\Mozilla Firefox\3.0.10\firefox.exe" -P Dev
Тематические ссылки:
Теперь, вы можете держать и запускать на одной машине сколь угодно Файерфоксов разного возраста, не опасаясь, что настройки одного повлияют на настройки другого.
Зачем мне понадобилось использовать Firefox 2.0.0.20 — я скоро расскажу.
Для видео в сети больше не нужен ни флэш, ни сильверлайт
Пока думали-гадали, какой плагин станет лидером видеотехнологий, следили за схватками флешей и сильвэрлайтов, Firefox 3.5 beta 4 выходит с поддержкой тэга video (там еще много всего). С этого момента вопрос о том как вставлять видеоролики в страницы, звучит иначе, и с каждым месяцем ответ на этот вопрос будет меняться.
Пройдет менее года, и вставлять видео в html-страницы сможет любой. Для Файерфокса напишут пару сотен видео-плагинов. Майкрософт тоже что-то сделает и не даст никому заскучать. А затем Гуглохром быстро и очевидно ассимилирует лучшие наработки html-video в своей новой версии, и гугловский же юТюб выпустит тестовую версию своего сервиса, работающую на голом теге video без всяких плагинов. В Chrome эта версия будет работать лучше, чем везде. Флэш, как самая старая видеотехнология, будет меняться медленнее остальных, да ему это уже и не нужно.
Все вышеописанное может проистекать в тысяче других вариантов. Сейчас ясно: дни полного доминирования плагинного видео в сети сочтены. Обновите свои бизнес-планы.
Update: оказывается, многие не в курсе, что
в стандарте HTML 5 есть такие новые элементы: section, video, progress, nav, meter, time, aside, canvas. Эй.
Подсказки по отладке Javasript-кода в Firebug
В лучшем когда-либо созданном отладчике JavaScript-кода Firebug есть несколько полезных функций, которые я постоянно использую и думаю, что они пригодятся многим, имеющим дело с отладкой кода в браузере:
- Программная вставка точки останова (breakpoint). Чтобы вызвать отладчик Firebug в любом месте вашего JavaScript-кода, нужно вставить в код строку "
debugger;" (скобки не нужны). - Вызов отладчика при возникновении ошибок. В Firebug, на вкладке "Script" в правой части ее панели инструментов находится кнопка "Options", а в ней — опция "Break on All errors". Установите ее и каждый раз при возникновении ошибки в вашем коде будет автоматическим запускаться отладчик с фокусом на строке, вызвавшей ошибку. А если побродить по сети, не отключая эту опцию, можно неслабо прозреть.
- Условные точки останова. Кликнув правой мышей по колонке с номерами строк, вы получите диалог для ввода условного выражения. Код будет остановлен в этом месте, если результат выражения будет равен true. В тему: отличная статья "Правдивость в JavaScript".
- Переход на строку с номером N. Для этого достаточно ввести в строку поиска сочетание символов #N, где N — номер нужной строки.
Просьба к тем, кто это все уже знает: не бросайте в меня ботинком.
А какие полезности Firebug любите вы?