7 простых способов протестировать кроссбраузерную совместимость

http://freelancefolder.com/7-fresh-and-simple-ways-to-test-cross-browser-compatibility/
  • Перевод
Эта статья предназначена для дизайнеров, верстальщиков, разработчиков и всех остальных людей, бьющихся с тестированием сайтов в нескольких браузерах.

Всего лишь год назад, хороших средств для тестирования кроссбраузерной совместимости сайтов практически не было. Инструменты, как правило, обладали серьезными недостатками – высокой ценой, скромными возможностями или затрачиваемым временем. Однако, в последнее время, в мире тестирования браузеров появилось много новичков, и некоторые из них являются прекрасными сервисами.

В этой статье, мы рассмотрим 7 простых инструментов для тестирования кроссбраузерной совместимости; инструментов, которые справляются со своей задачей очень легко, и к тому же, каждый из этих инструментов можно использовать бесплатно.

#1 — Xenocode Browser Sandbox


image

Xenocode Browser Sandbox — это гейм-чейнджер для тестирования браузеров на компьютерах с Windows. Всего лишь одним кликом мыши, вы можете открыть и работать в браузере, без всякой инсталляции. Вы можете тестировать различные версии IE, Firefox, Google Chrome и Safari. В прямом смысле тестировать, а не только получать скриншоты.

Увы, это далеко не идеальное решение. В текущей версии есть довольно серьезный недостаток — нет никакой поддержки Macintosh. Ходят слухи, что она появится в будущем, тем не менее и тогда, этот сервис будет принадлежать отдельному классу.

#2 — CrossBrowserTesting.com


image

Бесплатная, пятиминутная сессия тестирования для зарегистрированных пользователей, и значительно больше времени для заплативших пользователей. CrossBrowserTesting.com устроен очень просто, вам необходимо авторизоваться в системе, затем выбрать свободный компьютер с нужным браузером/ОС, и можно приступать к тестированию.

Вы можете использовать ява-апплет для веб-приложений, чтобы подключиться к их удаленным компьютерам, или использовать локальный VNC-клиент, если он у вас установлен. Их система предлагает полное интерактивное тестирование сайта, и также как решение от Xenocode, это не только скриншоты.

#3 — IETester


image

Это бесплатная загружаемая windows-программа, которая все еще находится на ранней стадии разработки. Как было заявлено, она является единственным бесплатным ресурсом, позволяющим полностью протестировать все актуальные версии Internet Explorer.

Просто загрузите и установите этот бесплатный браузер, и вы легко сможете выбрать нужную версию IE для просмотра. Программа также позволяет расположить две вкладки с различными версиями рядом.

#4 — BrowsrCamp


image

Со всем многообразием сайтов тестирования только для IE, самое время кому-нибудь присоединится и создать сервис, позволяющий тестировать сайты на Safari/Mac. Бесплатная версия этого сервиса предоставляет возможность получения скриншотов сайта, тестированных на последней, стабильной версии сафари, практически мгновенно. И хотя в сервисе немного не хватает версий браузеров, он определенно восполняет это предоставлением хорошей скорости.

За несколько долларов дополнительно, есть возможность получить компьютер полностью и проводить более глубокое тестирование

#5 — Litmus


image

В течении нескольких месяцев, популярность Litmus значительно возросла, и он стал одним из самых благоприятных инструментов для тестирования кроссбраузерности. К сожалению его бесплатные возможности ограничены и позволяют тестировать только IE7 и Firefox 2.

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

#6 — NetRenderer


image

NetRenderer является чуть более скромным инструментом для тестирования совместимости с IE. Как и многие другие сервисы, NetRenderer создает скриншоты вашего сайта в различных браузерах. Он поддерживает все версии IE начиная с 5.5 до версии 8, и создает скриншоты очень быстро, без необходимости ждать.

Есть возможность установить тулбар для браузера, позволяющий быстро протестировать любые страницы, которые вы посещаете вместе с их сервисом. Это также бесплатный сервис, к тому же платное тестирование на этом сервисе вообще не предусмотрено.

#7 — BrowserShots


image

BrowserShots стал одним из самых популярных инструментов тестирования, и не без оснований. Он позволяет тестировать большинство браузеров и операционных систем, включая довольно редкие сочетания. Бесплатное использование сервиса имеет только одно ограничение – очередь, поскольку заплатившие пользователи, обслуживаются первыми.

В связи с популярностью сервиса, получение тестовых скриншотов несколько раз в день, может быть очень медленным. Так как сервис предоставляет скриншоты с компьютеров пользователей, все зависит от вашего выбора. Чем популярнее браузер/ОС, тем быстрее вы получите скриншоты.

Bonus #8 — Adobe MeerMeer


image

Adobe MeerMeer это приятный на вид сервис тестирования, который будет выпущен в ближайшее время, компанией Adobe. MeerMeer предлагает значительное количество преимуществ по сравнению с существующими системами тестирования. Наиболее примечательным является, пожалуй, «луковая кожура», или возможность наложения скриншотов из разных браузеров, одно на другое.

Может быть вы используете принципиально иной способ тестирования кроссбраузерной совместимости? Если так, поделитесь, есть множество людей, которым это будет интересно.
Метки:
Поделиться публикацией
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама
Комментарии 57
  • +13
    Еще можно упомянуть Multiple IE. Пакет старый, но может кому пригодиться. Включает в себя IE 3, 4, 5, 5.5, 6. tredosoft.com/Multiple_IE
    • 0
      Хороший инструмент, правда не работает под вистой.
      • 0
        и в сочетании с IE8RC1 IE6 из него ведёт себя странно.
        • 0
          Есть такое дело. И главная причина, по которой я перешел на IETester — после установки ИЕ8 Multiple_IE перестал ходить на страницы за пределами локальной машины.
          • НЛО прилетело и опубликовало эту надпись здесь
            • +1
              Полностью согласен. Хотелось бы только добавить, что образы можно запускать в бесплатном VirtualPC под windows или virtualbox под линуксом (и кажется freebsd).
              • 0
                У меня под виртуалбоксом образ xp с ie6 дает синий экран после винлогона и уходит в рестарт. Хотя под virtualpc все ок.
                • 0
                  У меня была такая проблема, но она решилась пятью минутами гугления. Там что-то было связано с процессором. Я загрузился в safe mode, написал две комманды и все заработало.

                  Причем и в VPC кажется такое тоже было.
              • 0
                Ага, полдня ловил баг в своем коде. Оказались глюки IETester'а с куками.
        • +1
          А есть смысл проверять верстку на ие < 6?
          • 0
            Зависит от проекта, чаще всего нет.
            • 0
              Что то мне кажется, что если дело идёт о надёжном тестировании, то виртуальная машина с нужным IE єдинственно правильный выход. Кстати в последних VMWare Workstation добавили возможность запускать приложение из гостя как будто в хост системе.
              • 0
                зачем?
            • +3
              Отличный обзор, спасибо!
              Использую BrowserShots пока только положительные отзывы!
              • НЛО прилетело и опубликовало эту надпись здесь
                • 0
                  Даа, я тоже так сожалею что к тестеру нельзя тулбар приделать =(
                • НЛО прилетело и опубликовало эту надпись здесь
                  • +3
                    Да, к сожалению все сервисы зарубежные и чтобы удобно ими пользоваться надо платить. Сам не раз пробовал юзануть парочку подобных и ничего толком не вышло.

                    Кстати, для настоящего тестирования скриншоты никак не подойдут, разве что удостовериться на предмет косяков в совсем экзотических браузерах.

                    За подборку спасибо, думаю, лучше всего юзать софт чем всякие сервисы.
                    • 0
                      не всегда. у меня только однажды он тупил.., простите, ждал 2 часа. Во всех остальных случаях за полчаса (и порой и за 10 минут) делал скриншоты

                      пользуюсь довольно часто и с разными комбинациями.
                      • 0
                        не смотря на то, что скорость создания скринов часто медленная, есть небольшой плюс по сравнению с остальными — нет необходимости даже регистрироваться для того, что бы проверить на десятках браузеров, у других же проверка на 3 браузерах и нудная система регистрации и входа в их систему.
                        крайне удобно быстро запустить проверку странички и потом зайти за своими скриншотиками
                        • 0
                          за 5 часов можно поставить несколько os на виртуальную машину и наделать скриншотов в браузерах. Если в одной надо несколько несовместимых браузеров — делаем снимок вирт. машины, ставим браузер делаем снимок, откатываем ставим другой браузер и т.д. Или клонировать виртуалку, а потом в клоны поставить разные браузеры. В общем путей масса.
                          • 0
                            Для этого надо иметь все дистрибутивы, по хорошему за них надо платить, macosx официально вообще нельзя поставить на не маки, но сафари 3 рендит как на маке или очень близко, с фф и оперой может быть трабл с размером шрифтов, это можно как раз посмотреть через какой то сервис, в остальном лучше решение вроде Xenocode Browser Sandbox и система win xp(как бы не было обидно).
                        • +3
                          Насколько я понял с сайта BrowserShots можно развернуть локально. Кто-нибудь пытался это сделать, насколько это сложно, сколько займет времени?
                          • 0
                            у меня с первого раза не получилось :(
                            но я не сдаюсь, думаю скоро буду попытку повторять :)
                            • 0
                              Не забудьте сообщить о результатах, хотя бы в инбокс =)
                          • +1
                            для меня, открытие сервиса Xenocode Browser Sandbox стало пожалуй самой лучшей новостю. У меня на одном компе весь набор броузеров и IE6 а на ноуте весь набор с IE7, только IE8 не хватало для полного комплекта. Теперь есть все — спасибо вам!
                            • 0
                              А Adobe молодцы, будем ждать MeerMeer :)
                              • +8
                                Лучше старой доброй виртуалки пока ничего нет…
                                • 0
                                  Вот спасибо, как раз вовремя!
                                  • +1
                                    Все эти сервисы — херня полная. Девбаром в картинку не потыкать, что именно вызывает «кривость» верстки хрен поймешь.
                                    Их можно использовать только на самом последнем этапе, когда уже все кроссбраузерно работает и все баги поправлены.
                                    А так, виртуальные машины с МалтиплАИ, АИТестером, а также тремя версиями Файерфокса, парой версий Сафари и несколькими версиями глючной Оперы ничто не заменит. Можно и Хром воткнуть, и ИЕ8, все равно скоро юзать по полной начнут.
                                    Ну и Лайв диск с Убунтой пригодится на всякий.
                                    Кстати, Мелкософт выкладывает «официальные» виртуальные машины под ЭксПи с ИЕ 6, что очень удобно.
                                    • 0
                                      >Кстати, Мелкософт выкладывает «официальные» виртуальные машины под ЭксПи с ИЕ 6, что очень удобно.
                                      Не очень, если с ресурсами плохо.
                                      • 0
                                        Если с ресурсами плохо, то не разработкой заниматься, а на паперти стоять.
                                        ХР и Vista летает на моём стареньком 1.8 Гц Core Duo 6300 + 2 Гб RAM, по теперешним меркам это слабенькая машина. Системник собрать наверное за 400$ собрать можно. Если таких денег нет, то тогда путь в «индусы», кодим но не тэстим.
                                        Кстати в low-cost сегменте лучше наверное AMD брать, в Intel в дешовых процесорах были отключены виртуальные разширения, без них виртуализация работает медленее, хотя сейчас возможно уже и поменялось, смотрите даташит по выбраному процесору.
                                        • 0
                                          >ХР и Vista летает на моём стареньком 1.8 Гц Core Duo 6300 + 2 Гб RAM,
                                          ВМ + Photoshop CS3 + Visual Studio и на такой конфигурации наступает трындец.

                                      • 0
                                        а можно линк?
                                    • –5
                                      Отличная статья, плюсанул, жалко кармы не хватает, плюсанул бы и туда :)
                                      • НЛО прилетело и опубликовало эту надпись здесь
                                        • 0
                                          Если у вас хватает мощности Глисту запустить, то Virtual PC с ХРюшей или 2000 думаю потянет, оперативки только накиньте. И проблем с тэстом IE6 не будет.
                                        • 0
                                          по сабжу юзаю только BrowserShots, предназначение других скрыто для моего разума.
                                          • +5
                                            К сожалению, эффективно работы по сценарию:

                                            — А сделаю-ка я здесь красную рамочку!
                                            — Заливаем
                                            — Обновляем
                                            — Ждём, ждём, ждём

                                            …не получается. Единственный нормальный способ — это открыть виртуальную машину и протестировать столько раз, сколько нужно, просто нажимая Ctrl+R.

                                            У меня под каждую версию IE свой pvm-образ + один для остальных браузеров.
                                            • 0
                                              Спасибо за Xenocode! Это то, что нужно.
                                              • 0
                                                скачал я оттуда ие8, авира ругнулась на троян. не уверен, что это то, что нужно.
                                                • 0
                                                  Хм, не знаю даже. Скачал оттуда все браузеры, нормально запускаются и работают (W7), Nod32 молчит. У них на сайте написано, что они используют хитрую виртуализацию, может, это Авире не нравится? Если вам не лень, залейте на вирустотал, посмотрим, что будет.
                                                  • +1
                                                    для минусующих:
                                                    меня за писк авиры запросто могут лишить работы. поэтому я просто предупреждаю. кому-то это может пригодиться.
                                                  • +1
                                                    Автору огромный человеческий плюс за №1.
                                                    Очень давно искал способ тестить под ие6…
                                                  • +1
                                                    Удивительные таки некоторые инструменты: они сервисы. Это при том, что некоторые веб-проекты вовсе не публичные сайты, и даже нет возможности пробросить тестовую машину в сеть: конфиденциальность-с.
                                                    • 0
                                                      А скажите Xenocode Browser Sandbox — freeware? не смог найти у них на сайте
                                                      • 0
                                                        Заходишь на сайт, качаешь нужные версии браузеров и работаешь… Про то что сервис платный я нигде не нашел.
                                                      • 0
                                                        а как же www.browsercam.com? сам вчера искал и нашёл юзабильным только его, правда через пару минут хром начинает с ним жутко жрать wg? да и триал тока на 24 часа…
                                                        • 0
                                                          Selenium.
                                                          • –1
                                                            юзайте code review — избавитесь от огромной кучи гемороя.

                                                            как вариант — использование фичи димы вивера «browser compatability» он вам сразу скажет что, в каком браузере и почему будет криво — база знаний там достаточно большая, конечно это не панацея — но расказывает о большенстве проблем еще до того как вы о них узнаете.

                                                            + лучше всего выбить отдельный тазик для старых браузеров и сделать из него терминалку
                                                            • 0
                                                              См. ниже мой комментарий, можно без тазика на одной машине все уместить.
                                                              • 0
                                                                ага, у меня уже и так на машине 10 браузеров + виртуалка — когда все это открывается + фотошоп + дима вивер и студия — у меня комп просто останавливается — это гониво — лучше всетаки отдельную машинку вибивать — на ней и самому можно все по людски пересмотреть и тестерам будет откуда посмотреть — благо тазиков как всегда лишних навалом у админов в коморке стоит ;)
                                                                • 0
                                                                  Неправда ваша, не гонево. У меня 8 ГБ оперативки, и дримвувер цс4 и фотошоп цс4 не испытывают проблем при нескольких запущенных виртуалках.
                                                            • +1
                                                              Спасибо. Работа со скриншот мейкерами, конечно, жуть как удручает, Ие тестер меня никогда не радовал своей скоростью и надежностью, а вот «Xenocode Browser Sandbox» — довольно интересное решение, если впадлу ставить виртуалку ) нужно проверить, корректно ли он рендерит и вообще покопаться поглубже, гляди, может толковым оказаться
                                                              • 0
                                                                Я решил для себя проблему вот так. Толсто, зато надежно.
                                                                www.picamatic.com/view/2539898_IE8RC1-ready/
                                                                • 0
                                                                  На самом первом сервисе (xenocode) вот что написано про ИЕ6 — «A powerful web browser with many useful features.»

                                                                  Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.