Содержание

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

Всё больше достойных поводов находится у веб-разработчиков для того, чтобы отказаться от полнокровной поддержки 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 персон, но отмечу, что многие впереди «стоящие» — очередь бросали либо мучали сервис меньше доступных пяти минут). Справедливости ради надо сказать, что есть и платный вариант без очередей.

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

Browserling — это кроссбраузерный инструмент и эмулятор онлайн-тестирования

Browserling — многофункциональный кроссбраузерный инструмент и эмулятор онлайн-тестирования для веб-разработчиков и веб-мастеров для тестирования веб-сайтов с использованием разных браузеров, таких как Chrome, Firefox, Internet Explorer, Opera и Safari, в разных операционных системах, например Windows и Android.

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

Сегодня доступно множество опций, когда дело доходит до браузеров из-за их значимости в доступе к Интернету и всему, что он может предложить. Каждый браузер имеет уникальные функции, созданные с целью достижения определенной цели. Когда веб-сайт создан, крайне важно, чтобы он был просмотрен сотнями доступных вариантов браузера. Но как это можно сделать? Browserling был создан, чтобы сделать именно это.

Обзор браузера

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

Их браузеры также регулярно обновляются, поэтому вы также ознакомлены с последними функциями и изменениями. Помимо последних версий Chrome, Internet Explorer и Firefox, Browserling поддерживает устаревшие браузеры, такие как Internet Explorer 6 и IE 7. Что круто об этом инструменте, так это то, что он настолько оптимизирован, что вам нужно всего лишь несколько секунд, чтобы начать тестирование. Перед запуском вашего рабочего процесса нет всплывающих окон или страниц данных. Все, что вам нужно сделать, это ввести адрес своего веб-сайта, нажав кнопку «Проверить сейчас», и вам хорошо идти.

Интерфейс и использование

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

Совместимость

Браузерлинг поддерживает все Windows операционные системы и Android. Таким образом, вы можете запустить этот инструмент, если у вас есть Windows XP, Windows 7, Windows 8 или Android KitKat, Marshmallow, Android N и т. Д. В ближайшем будущем у них есть планы по расширению до других платформ, таких как iOS и Mac OSX. Пока не было никаких новостей о том, будет ли инструмент расширен до Linux, но это может произойти после того, как они сделают его совместимым для пользователей Apple.

Использование этого кросс-браузерного средства тестирования


1. После того как вы получили доступ к веб-сайту, вы столкнетесь с целевой страницей, в которой вам будет предложено ввести тестируемую платформу, браузер, в который вы хотите протестировать, и версию выбранного браузера. Все эти параметры можно выбрать с помощью соответствующих выпадающих меню.

2. Подождите несколько секунд, чтобы установить соединение с веб-сайтом.

3. Вы приземлитесь на главный интерфейс браузера. Здесь вы сможете увидеть «

Tools «, А также значок Ошибка, Эти два варианта — это то, что вам в первую очередь необходимо выполнить тесты.

4. Если вы нажмете на кнопку «Tools «, Вы увидите раскрывающееся меню, которое даст вам различные параметры, такие как локальное тестирование (туннели SSH), изменение разрешения, скриншоты, браузер Share, оставить отзыв и т. Д. Параметр Local Testing доступен только для платных участников.

5. Если вы нажмете на Изменить разрешение , вы получите небольшое окно с различными форматами разрешения. Вы можете выбрать тот, который хотите проверить на сайте.

6. Если вы идете на Скриншот , то вы получите небольшое окно, которое отображает скриншот веб-страницы, к которой вы обращаетесь, и дает вам возможность дать название и описание.

7. Синий значок ошибки на интерфейсе представляет собой «Ошибка охотника«. Как только вы нажмете на него, вы получите небольшую горизонтальную полоску кнопок под адресной строкой.

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

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

9. Инструмент Box позволяет нарисовать окно в ключевых областях, чтобы отметить их. Выбор инструмента «Коробка» дает более профессиональный внешний вид, а не инструмент карандаша.

10. Линейный инструмент позволяет рисовать линии на экране веб-страницы.

11. Текстовый инструмент позволяет писать на экране веб-страницы. Вы можете использовать этот инструмент вместе с текстовым инструментом, чтобы визуально обозначать отмеченные области. Также, если вы хотите, вы можете изменить цвет шрифта, выбрав из черного, красного, зеленого или синего оттенков на панели «Охотник за ошибками».

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

Особенности браузера

Браузеры имеют несколько ключевых функций, таких как приведенные ниже:

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

Что уникально в Browserling, так это то, что функция Bug Hunter может использоваться для определения ошибок в сделанных скриншотах. Затем вы можете поделиться или отправить отчет другим людям в вашей команде, чтобы исправить эту проблему.

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

3. Безопасность — Браузерные сеансы проходят через защищенные SSL-шифры и поддерживают локальное веб-тестирование через туннели SSH. Шифрование позволяет вам иметь частный и безопасный опыт во время работы в Broswerling.

4. Преимущества применения — Браузер позволяет вам встраивать его в собственное приложение, используя свой Live API, который отлично подходит для программистов, которым нравится работать более глубоко в работе.

5. Расширения браузера —

Эта функция была введена недавно в инструменте, и она обеспечивает необычайное удобство для тех, кто работает на веб-сайте. С помощью этого расширения вы можете просто начать процесс тестирования с панели браузера. Расширения могут быть установлены в браузерах Chrome, Safari, Firefox и Opera.

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

7. Инструменты программирования —

Используя инструменты разработчика Browserling, вы можете свести к минимуму HTML, URL-декодировать строки или даже минимизировать CSS. Это дает большие возможности для точной настройки тестируемого веб-сайта.

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

Общие мысли

Что здорово в

Browserling заключается в том, что вам не нужно устанавливать какие-либо дополнительные приложения для его поддержки. В отличие от других инструментов, которые потребуют установки Flash, Shockwave, Java и т. Д., Browserling отлично работает как автономный инструмент. За несколько секунд вы можете легко протестировать веб-сайты. Разумеется, нет гарантии, что вы можете решить каждую проблему с помощью браузера — это ожидание имеет недостатки. Мы должны ожидать, что инструмент, переданный нам, работает эффективно и по назначению, и это то, что делает Browserling в пиках. По нашему мнению, Browserling — это лучший и эффективный инструмент для онлайн-тестирования веб-сайтов.

Тестирование веб-сайтов

Кроссплатформенный браузер

9/10

Функциональность и UI

9/10

Безопасный и анонимный просмотр

9/10

Ошибка охотника

9/10

Тестовые отчеты

9/10

Плюсы

  • Лучший инструмент для тестеров веб-сайтов
  • Интеграция Easy Live API

Минусы

  • Нет автономного программного обеспечения

Проверить сейчас

Источник

Browserling — Кроссбраузерное онлайн-тестирование

Browserling — Кроссбраузерное онлайн-тестирование

мы также создали:

Получите браузер и начните тестирование за 5 секунд!

Характеристики

Живые интерактивные сеансы

Не только скриншоты! Вы можете взаимодействовать с браузерами в режиме реального времени, как если бы они были установлены на вашем компьютере.

http://my-awesome-website.com

Загрузка. ..

My Awesome Website Logo

Настоящие браузеры, работающие на реальных компьютерах

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

Google Chrome

версия

34 49 52 66 последние

Internet Explorer

версия

7 8 9 10 11

Firefox

версия

32 41 58 60 107

Opera

версия

39 42 49 53 93

Доступ к новейшим браузерам

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

Скриншоты

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

Адаптивное тестирование

Измените разрешение экрана и размер браузеров для всех ваших потребностей в адаптивном тестировании.

Терминал

$ ssh

Терминал

$ ssh

Терминал

$ ssh

Туннели SSH для локального тестирования

Вы можете обратно проксировать свой локальный хост или локальный сервер в Browserling с помощью наших туннелей SSH. Руководство по местному тестированию.

Браузер

Безопасный https://browserling.com

Безопасный и анонимный просмотр

Все соединения между вами и Browserling зашифрованы SSL. Ваш просмотр полностью анонимен!

Безопасный просмотр

Браузеры изолированы и работают в нашей инфраструктуре, поэтому вам не нужно беспокоиться о заражении вирусами или троянскими программами.

Flash, Java или плагины не требуются.

Работа в браузере основана на HTML5 и JavaScript. Вам не нужно ничего устанавливать. Это просто работает!

Расширение браузера для более быстрого тестирования

Расширения Browserling позволяют тестировать веб-сайты в разных браузерах одним щелчком мыши. Получите их за:

Закладки

IE 11 в Windows 7

Букмарклеты для более быстрого тестирования

Букмарклеты Browserling позволяют добавлять в закладки ваши любимые браузеры и начинать тестирование в них одним щелчком мыши.

Live API

Вы можете по запросу встраивать браузеры в свои собственные приложения и автоматизировать их с помощью удобного API. Узнайте больше о Live API.

? ? ?

Запись видео сеансов просмотра

Скоро вы сможете записывать видео браузеров в формате GIF и MP4.

? ? ?

Демонстрируйте экран своим коллегам

Скоро вы сможете делиться своими сеансами просмотра с коллегами и друзьями для более быстрого решения проблем с разными браузерами.

? ? ?

Headless API

Скоро вы сможете запускать и контролировать безголовые браузеры для всех ваших потребностей в автоматизированном кросс-браузерном тестировании JavaScript.

Цены

ежемесячно ежегодно

Бесплатный план попробуй перед покупкой

$ 0 / месяц

Ограниченные 3-минутные сеансы

Только Edge и Chrome
Только Windows 10
Только разрешение 1024×768

План разработчика однопользовательская лицензия

$ 19 / месяц

Нет ограничения по времени
Используйте столько, сколько хотите

Все доступные браузеры
Все доступные платформы ОС
Пользовательские разрешения экрана

Локальное тестирование через SSH-туннели
Скриншоты

Премиум-поддержка
1 пользователь

План разработчика войдите, чтобы продолжить заказ за $19 в месяц покупка завершена

План команды многопользовательская лицензия

$ 29+ / месяц

Нет ограничения по времени
Используйте столько, сколько хотите

Все доступные браузеры
Все доступные платформы ОС
Пользовательские разрешения экрана

Локальное тестирование через туннели SSH
Скриншоты

Премиум-поддержка
2+ пользователя

План команды войдите, чтобы продолжить заказ для 2 пользователей покупка завершена

Выберите размер команды 2 пользователя

2 3 4 5 6 7 8 9 10

Стоимость группового плана для 2 человек составляет $29

Нужно более 10 пользователей? Свяжитесь с нами по адресу sales@browserling. com или используйте контактную форму.

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

Вопросы о ценах и планах? Напишите нам по адресу [email protected] или используйте контактную форму.

Наши клиенты

… и более 10 000 пользователей бесплатного плана!

Testimonials

Browserling разработала специальное решение для кросс-браузерного тестирования для Национальной службы здравоохранения Великобритании.

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

Д-р Алексей

Директор Bloomsbury Health – инновации в области здравоохранения NHS

Вы нужны каждому веб-агентству.

Гал Боренштейн

Генеральный директор Borenstein Group, Inc.

Мы полагаемся на Browserling и Testling как часть наших процессов развертывания и тестирования при публикации наших библиотек JavaScript для пользовательской базы PubNub JavaScript. Это отличный сервис для быстрого тестирования всех сред JavaScript.

Стивен Блюм

Технический директор, PubNub, Inc.

У вас есть абсолютно лучший инструмент, очень быстрый и отзывчивый.

Гораздо лучше, чем Sauce Labs!

Рэймонд Борхан

Технический директор, Knife Center, Inc.

Browserling помогает MergEye предоставлять нашим клиентам услуги высочайшего качества. Наш процесс контроля качества сильно зависит от тестирования Live API Browserling. Без Browserling нам пришлось бы поддерживать более 20 виртуальных машин для запуска наших тестов. Browser экономит нам 12 000 долларов в год на лицензировании и рабочей силе. Мы любим Browserling!

Дмитрий Калинин

Технический директор, MergEye, Inc.

Компания Browserling разработала специальное решение для кросс-браузерного тестирования для ECESIS Technologies.

Я очень рад видеть ваши технические возможности для немедленного решения и быстрого реагирования.

TK

Генеральный директор, ECESIS Technologies, Inc.

Онлайн-браузер от Browserling

Что такое онлайн-браузер?

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

Как работают онлайн-браузеры?

Онлайн-браузеры устанавливаются на серверах Browserling и работают так же, как локально установленные браузеры, за исключением того, что доступ к ним осуществляется через веб-интерфейс. Для доступа к браузеру не требуется никаких установок, поскольку все это работает через современные холсты JavaScript и HTML5 и веб-сокеты.

Какие онлайн-браузеры существуют?

В Browserling мы установили все самые популярные браузеры в нашем облаке онлайн-тестирования. У нас есть Chrome (все версии от 1 до последней), Firefox (все версии от 3 до последней), Opera (все версии от 10 до последней), Internet Explorer (версии 6, 7, 8, 9)., 10 и 11), Edge (последняя версия) и Safari (в настоящее время только версии для Windows). Также в ближайшее время планируем установить браузер Brave, браузер Яндекс и браузер Beaker.

Для чего можно использовать онлайн-браузер?

Интернет-браузер имеет множество применений. В Browserling онлайн-браузер чаще всего используется веб-разработчиками для кросс-браузерного тестирования веб-сайтов. Поскольку мы поддерживаем установки всех браузеров и всех версий браузеров, для веб-разработчиков очень удобно просто зайти на наш веб-сайт и получить любой браузер, который им нужен. Поскольку каждый браузер и версия браузера немного отличаются, веб-разработчикам необходимо убедиться, что их код и веб-сайты работают одинаково во всех версиях браузера, а онлайн-браузер позволяет им быстро это сделать. Во-вторых, онлайн-браузер можно использовать для случайного просмотра Интернета. Он часто используется в качестве анонимного браузера, потому что браузер запускается с серверов Browserling, и после каждого сеанса браузер уничтожается вместе с файлами cookie и любыми загруженными файлами. В-третьих, его можно использовать в качестве песочницы URL. Это означает, что вы можете безопасно открывать неизвестные URL-адреса, не рискуя утечкой личной информации или заражением вредоносным ПО. Поскольку браузеры работают онлайн за пределами вашего компьютера, вы в полной безопасности.

Попробуйте онлайн-браузер!

Вот небольшая демонстрация! Введите URL вашего любимого веб-сайта, и мы откроем его в Chrome 90 (последняя версия Chrome). Chrome будет создан на наших серверах, и мы отправим его вам:

Быстрая демонстрация позволит вам использовать только один браузер в течение нескольких минут (чтобы опробовать его), но получить доступ к другим браузерам и операционным системам ( например Windows 10), вам потребуется платный план.

Часто задаваемые вопросы об онлайн-браузерах

Какие онлайн-браузеры самые популярные?

Самыми популярными онлайн-браузерами являются Chrome и Firefox, за которыми следует Edge. В нашем облаке браузеров установлены последние версии Chrome, Firefox и Edge, и вы можете получить доступ к этим браузерам, не устанавливая их самостоятельно.

Какие онлайн-браузеры наименее популярны?

Internet Explorer стал наименее популярным онлайн-браузером. Это связано с тем, что Microsoft заменила его более новым браузером Edge, а Internet Explorer больше не обновляется. У нас по-прежнему установлены все версии Internet Explorer, и вы можете в любое время получить онлайн-обозреватель Internet Explorer.

На каких операционных системах работают онлайн-браузеры?

Все онлайн-браузеры работают в различных системах Microsoft Windows. Наши облачные серверы работают под управлением Windows 10, Windows 8.1, Windows 8, Windows 7 и Windows XP.

Можно ли использовать мобильные браузеры в Интернете?

Да! Мы запускаем онлайн-версии Android и устанавливаем на них последнюю версию Chrome.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *