интернетмагазинот 19 990 руб.
LandingPageот 14 990 руб.

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

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

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

Главная » OpenCart » Как протестировать сайт в разных десктопных браузерах.

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

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

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

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

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

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

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

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

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

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

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

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

Оптимальный netrenderer.com

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

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

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

 
Запись опубликована в 4:37 пп автором в рубрике OpenCart, WordPress, Верстка, Интернет-магазин, Лендинг пейдж с метками , , , , .

3 главных продающих триггера для landing page!3 главных продающих триггера для landing page!

Изобилие товаров и услуг, а также постоянно совершенствующаяся деятельность мошенников […]

Тормозит, долго грузится opencart, ocstore 1.5....Тормозит, долго грузится opencart, ocstore 1.5….

Тормозит, долго грузится opencart, ocstore 1.5…., скорее всего проблема в […]

Добавление сайта в поисковые системы.Добавление сайта в поисковые системы.

Добавление сайта в поисковые системы Перечисляя поисковые системы, в которые […]

Основы работы с OpenCart. Как сделать интернет-магазин.Что такое OpenCart?

Что такое OpenCart и почему его стоит использовать для создания […]

Основы работы с OpenCart. Как сделать интернет-магазин.Основы работы с OpenCart. Как сделать интернет-магазин.

OpenCart — это простая и удобная система с открытым кодом. […]

Инструменты профессионала. Список валидаторов, Проверка сайта, Синтаксис кода, Проверка кода, Оптимизация сайтаВалидаторы — Проверка сайта на ошибки — Вебмастеру ассесору дизайнеру и СЕО оптимизатору

Привет вебмастера! Предлагаю вам инструменты для профессионального создания сайтов. Это […]

Как востановить забытый пароль от админки сайта.Как востановить забытый пароль от админки сайта.

Все мы люди, и можем просто забыть (как я) ту […]

Файл .htaccess – настройка перенаправлений и управление конфигурацией веб-сервера.htaccess – настройка и управление

1.Файл .htaccess .htaccess — конфигурационный файл веб-сервера, позволяющий управлять работой […]

комментарииВаши замечания, предложения и вопросы оставляйте в комментариях или присылайте на почту web36@bk.ru, я буду рад узнать ваше мнение!


LPBuilder.pro | Бесплатный онлайн конструктор Landing PageНовый проект - Бесплатный онлайн конструктор с помощью которого можно создавать небольшие веб-сайты, лендинги, онлайн-резюме, портфолио, промо сайты... Испoльзуйте блoки в сoтнях кoмбинаций, прoстo дoбавляя oдин за другим, в интуитивнo пoнятнoм интерфейсе. Вы смoжете сoздать сайт свoими руками, воплощайте свои идеи!
Follow @elazukin