Быстрый способ протестировать сайт в разных десктопных браузерах

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

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

    Однако, всем категориям веб-разработчиков, равно как и их клиентам, полезно иметь не обременяющие средства для кроссбраузерного тестирования.

    Самый надёжный способ — поднять несколько виртуальных машин, где всё можно будет досконально протестировать (в том числе потаскать границу окна, поскроллить и уж тем более посмотреть, как работает JS). Но ведь часто требуется просто взглянуть на сайт и понять, всё ли с ним в порядке в целом. Либо предоставить такую возможность заказчику.

    Классикой жанра для решения поставленной задачи является веб-сервис:

    Универсальный, но долгий browsershots.org


    Он позволяет получить скриншот не только из конкретного браузера, но и выбрать его версию и ОС, в которой браузер запущен.

    Недостаток один — очередь. Скриншотов нужной страницы можно прождать полчаса и даже больше.

    Я искал решения, которые существуют в виде веб-сервисов и не требуют обязательной регистрации или оплаты. То есть те, которыми мог бы воспользоваться не только разработчик, но и его заказчик, в качестве независимого инструмента (встречался с неприятной ситуацией когда у заказчика стояла в IE какая-то полуварезная панель, перекраивающая оформление адресов электронной почты — не ехать же в такой ситуации к заказчику со своим ноутбуком).

    Нашлось два подходящих веб-сервиса, выдающих скриншоты уже через несколько секунд ожидания, но с общим недостатком — дружат только с IE, но этого-то обычно и не хватает, ведь остальные браузеры кросс-платформенные и многие из них позволяют держать сразу несколько portable-версий на одной машине без виртуализации.

    Многоцелевой www.thumbalizr.com и его IE7


    Этот сервис вообще-то создан для создания «превьюшек» сайтов и даже снабжён соответствующим API, но если отправить его делать скриншот такой хитрой страницы, как inet.ya.ru, то становится ясно, что в качестве движка для рендеринга скриншотов на сервисе трудится IE7. И он пригодится любому, кто обновил IE до восьмого, либо не пользуется Windows совсем.

    Оптимальный ipinfo.info/netrenderer


    Сервис умеет делать скриншоты в IE 5.5 (для некрофилов), IE 6, 7 и 8. То есть отлично подходит для тестирования. Также имеется режим, где на одном скриншоте показываются различия в вёрстке между IE6 и IE7. Удобно, но, надеюсь, в будущем можно будет сравнивать и с восьмым IE сразу.

    Удобный browserling.com с возможностью поскроллить и покликать


    Про сервис рассказали в комментариях. Он хорош, потому что единственный из перечисленных позволяет покликать, поскроллить, потестировать JS (вы получаете что-то вроде VNC-доступа к удалённому окошку с нужным браузером). Недостаток для такого шикарного сервиса предсказуем — очередь желающих. Хотя визуализирована она на славу:



    Browserling предоставляет в ваше распоряжение любой IE от 5.5 до 9, а также последние версии Opera, Chrome, Safari и Firefox. Очередь при этом общая, вне зависимости от того, на какой браузер вы записывались. Из-за этого лично мне откровенно хочется отшлёпать тех, кто занимает очередь с целью погонять доступный на всех платформах Firefox.



    После того, как вы своей очереди дождётесь — в вашем распоряжении будет пять минут, потом вас дропнут и если вы чего-то проверить не успели, то придётся снова занимать за «крайним» (в момент тестирования сервиса встречал очереди и по 10 персон, но отмечу, что многие впереди «стоящие» — очередь бросали либо мучали сервис меньше доступных пяти минут). Справедливости ради надо сказать, что есть и платный вариант без очередей.

    Ваша версия


    Очень жду в комментариях ссылок на аналогичные сервисы, но, предлагаю, придерживаться описанных выше критериев: сервис должен быть общедоступным без регистрации и бесплатным.
    Share post
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 54

      +7
      А я по старинке использую VirtualBox'ы :(
      В подобных сервисах тестирую только в конце, чтобы убедиться, что все и так нормально.
        0
        Сервисы спасают, когда что-то надо показать заказчику или коллеге, чтобы не инструктировать их по поводу поднятия виртуалок :-)

        С заказчиками вообще бывает беда в таком духе: «чего вы мне показываете как там оно у вас, мне надо было чтоб у меня всё хорошо было». Тут без независимого критерия правильности «от третьих лиц» — никак не обойтись. Подобные сервисы — выручают.
          +2
          IETester весит много тащит за собой все движки похоже. Но бесплатный. Для тестов верстки подходит вполне. от ie5.5 до ie9 preview
            –2
            Да, именно его и использую.
              +1
              Отличная программка. Только косяки с обработко JS периодически. Более или менее протестировать на баги в IE 6 получается. Но на несложной верстке, без сложных JS эффектов.
              +1
              Тоже пользуюсь IETester'ом, очень удобно, хоть есть и недостаток с IE7, он не работает с локальными файлами, приходится заливать все на хостинг.
              А вообще IETester, Opera 10, FF, Chrome, Safari и не нужны никакие сервисы. Разве что на самом деле только для показа заказчику если у него возникли какие-то проблемы.
                +2
                Я как-то напоролся на баг в нем, целый день пытался понять в чем дело, в итоге поставил виртуалку с WinXP+IE6 и обнаружил что все нормально.
                  0
                  Да есть там глюки. И JS подглючивает порой.
                  Я придерживаюсь такого правила. Если сразу сходу подогнал — так значит правильно работает. Если что то сложное — смотрю в оф. версиях. Как правило хватает…
                  +1
                  Хорошая штука, только иногда натыкаешься на глюки, вызванные как раз разными версиями движка, работающими в одно время.
                  Лично сталкивался с нерабочими селектами в ие7 — по клику вместо списка вылезало сообщение о блокированном всплывающем окне.
                    0
                    Проблема раньше не только в селекторах, но также и в самом CSS и фильтрах для IE при одновременно запущенных разных версиях. Возможно, кое-что пофиксили.
                    0
                    Наверное, я бесконечно глуп и «не умею его готовить», но на моей Windows 7 он весьма часто падает без какой-либо видимой причины. Может, кто-нибудь подскажет, в чем проблема?
                      0
                      Насколько я знаю от коллег, он падает всегда и везде. У меня валился и на XP и на 7. И в многопроцессорном режиме и без него. Но это только после некоторого простоя, т.е. жить можно.
                      0
                      Это только примерно. Как говорилось, есть баги с JS. Еще один косяк — отсутствие поддержки всплывающих окон.
                  • UFO just landed and posted this here
                      0
                      Верно, разработчику описанных сервисов будет недостаточно для тестирования в основных браузерах (например, JS так не совсем не проверить), но для тестирования официально не поддерживаемых вариантов или всякой экзотики — подойдёт вполне.
                        0
                        А ещё, если я правильно понял ваше пожелание, вам возможно подойдёт вот это: www.webdevlab.com/app/pages/overview

                        Сервис платный, но они дают погонять всё что угодно на живом Маке через VNC.
                        • UFO just landed and posted this here
                          +1
                          Есть browserling.com. Сегодня увидел его, на node.js сделан, под маком заработало.
                            +1
                            Мне тоже понравилось.
                            Не в Google Groups увидел?
                              0
                              ага, там
                              –1
                              Жаль что в Опере не работает :(
                              Как интересно у них очередь ожидания сделана :) Улыбнуло!
                            0
                            >>разных настольных браузерах
                            Лучше десктопных или вообще без этого слова.
                              –1
                              ОК, исправил на десктопные. Совсем без этого слова плохо: можно предположить, что здесь будут даны решения по тестированию на мобильных устройствах… и обломаться.

                              Кстати, по доле трафика мобильные пользователи уже сравнялись с IE6, поэтому тема весьма актуальна, но это всё же тема отдельная.
                              0
                              Спасибо! Закладку поместил в личный архив!
                                –1
                                Находка, которая спасла меня в свое время — софтинка IETester ( www.my-debugbar.com/wiki/IETester/HomePage )
                                И не придется бегать ни на какие сайты и поднимать громоздкие виртуалки ;-)
                                  +6
                                  Тоже пользуюсь ietester и держу весь зоопарк остальных браузеров. Правда ietester у меня нестабильно ведет себя, очень часто вкладки «крашатся».
                                    +1
                                    После нескольких раз, когда IeTester показал не то, что показывают оригинальные браузеры — он полетел в корзину.
                                  +6
                                  C недавних времен пользуюсь Adobe BrowserLab, очень удобно.

                                  browserlab.adobe.com/en-us/index.html
                                    0
                                    Сколько пользуюсь продуктами Adobe, не интересовался BrowserLab. Спасибо!
                                    0
                                    Как раз сегодня увидел browserling.com — можно не только рендеринг тестировать, но и мышкой тыкать, и на маке заработало (под linux тоже, думаю, работать будет). Похоже, это чуть ли не единственный способ не покупать винду, чтобы тестировать под *nix сайты в IE8/IE9 (или их в wine уже запускать научились?).
                                      0
                                      Отличный сервис! Утащу его наверх, в пост.

                                      Но беда у него та же: очередь.
                                      +2
                                      spoon.net/browsers/
                                      бывший Xenocode. Только почему-то нет IE.
                                        0
                                        Да, IE пропал, раньше был )=
                                        Сам пользуюсь, отличный сервис!
                                        0
                                        А меня при вёрстке всегда спасает Utilu IE Collection, он позволяет установить любой IE от IE1 до IE8.

                                        А вот ради IE9 кажется придётся в дальнейшем использовать Win7. :(
                                          0
                                          а как же MS Expression Web 3 SuperPreview
                                            0
                                            К сожалению, эти сервисы бесполезны для приложений, активно использующих AJAX.
                                              0
                                              Да, а также для приложений, в которых нужно залогиниться, чтобы проверить верстку.
                                                0
                                                А также для приложений, которые разрабатываются в локальной среде.
                                                0
                                                Увы, даже и без AJAX, но с простыми JS эффектами или дааже при желании посмотреть как в динамике вёрстка будет «тянуться» — описанные мной сервисы уже бесполезны. Об этом я предупреждал, но и полезное использование для них находится.
                                                –2
                                                Есть сервис, который предоставляет удалённый доступ к различным ОС, к Win98, например. Название его, правда, забыл.
                                                  –1
                                                  >… в качестве движка для рендеринга скриншотов на сервисе трудится IE7. И он пригодится любому, кто обновил IE до восьмого…
                                                  IE8 может работать в режиме IE7. Для переключения нужно нажать F12 и в меню Browser mode выбрать нужный режим.
                                                    0
                                                    Не забываем о замечательной коллекции браузеров, которая есть здесь: browsers.evolt.org
                                                      0
                                                      на browsershots.org такое ощущение, что скрины делаются вручную))) и вообще странно почему кодировка win1251 отображается нормально?
                                                        0
                                                        Вообще более года назад контора Xenocode выложила портебл браузеры, в т.ч. IE6. Сейчас уже их нет в свободном доступе. Работает под семёркой)
                                                        А касательно остальных ослов — поставил 9й, в котором есть режимы IE7-IE9.
                                                        Если кому надо — делюсь! rapidshare.com/files/442342044/IE6.exe
                                                          +1
                                                          А он точно работает именно как 7 или 8? Или они принудительно эмулируются через quirksmode? В последнем случае получается не совсем то же самое, что настоящий браузер запущенный в ОС.
                                                            0
                                                            Думаю что эмулятор. В 8-ке есть эмулятор 7ки, но не настоящая 7ка. Множество багов не видно через эмулятор.

                                                            Полагаю что в 9ке поступили аналогично, но учитывая качество 8ки (в режиме IE=8) — предполагаю что эмулятор 8ки с реальной 8кой будет совпадать.
                                                          –2
                                                          >И он пригодится любому, кто обновил IE до восьмого,

                                                          Можно проще. В IE8 запускаем developer tools (кнопка F12), выбираем Browser mode -> Internet Explorer 7.
                                                            0
                                                            <offtopic>А зачем в слове «находится» букву «о» сделали жирной?</offtopic>
                                                              0
                                                              Спасибо за интересное замечание не по теме. Сейчас понял, что правильное написание -тся/-ться — исключает неоднозначность в ударении. Убрал выделение.
                                                                0
                                                                Вот-вот, я на то и намекал =)
                                                                  +2
                                                                  Это прекрасно, когда люди понимают друг-друга в рамках диалога, заставляющего подумать вместо того, чтобы поспешить с ответом :-)
                                                              0
                                                              есть программы, которые инкапсулируют в себе все версии ИЕ
                                                              www.my-debugbar.com/wiki/IETester/HomePage
                                                                0
                                                                странно, 180 закладок и только +40 у статьи. Я не понимаю таких людей.
                                                                  0
                                                                  Подборка ссылок на сервисы — www.vhg-design.com/shots.php

                                                                  Only users with full accounts can post comments. Log in, please.