Содержание

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

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

Ваша версия

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

Эмулятор Андроид в браузере Chrome — настройка и установка

Для ПК существует несколько интересных программ, эмулирующих среду Android. С их помощью получится запускать мобильные приложения непосредственно в Windows. Но также имеется специальное расширение для Хрома. Именно о нем хотелось бы поговорить в этом материале. Разберемся, как установить эмулятор Андроид в браузере Google Chrome и как им пользоваться.

Содержание

  • Руководство
  • Использование
    • Запуск приложений через APK-файл
  • Подведем итоги

Руководство

Начнем с самого простого и незамысловатого – установки расширения. Да-да, эмулятор действительно существует и, дабы в этом убедиться, предлагаем изучить следующую пошаговую инструкцию:

  1. Открываем Хром и посещаем страницу https://chrome.google.com/webstore/detail/android-online-emulator/lnhnebkkgjmlgomfkkmkoaefbknopmja?hl=ru.
  2. Далее кликаем на кнопку «Установить».
  3. В появившемся окошке подтверждаем серьезность намерений.
  4. Ждем завершения процедуры.

Теперь на панели инструментов (напротив адресной строки в правой части пользовательского окна) появляется новое лого. Ну что же, приступаем к осмотру графической оболочки.

Использование

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

  • Запустить Android-эмулятор – активация встроенного функционала и переход на официальный сайт.
  • My Apk Manager & Apk Upload – возможность загружать и устанавливать приложения для Андроид через APK-файлы.
  • Set userID – это нужно для регистрации и авторизации на сайте разработчиков (после ввода ника нас автоматически перебрасывает на оф. площадку).

Итак, с вопросами графической оболочки разобрались. Давайте перейдем к практическому использованию. Запустить виртуальное устройство можно, если нажать на первый пункт.Затем нужно подождать тридцать секунд, пока приложение не загрузится. Сразу же после вы увидите привычный интерфейс Андроид в планшетной ориентации. По краям основного окна имеется реклама.

В левой верхней части экрана имеется блок Zoom. Он отвечает за увеличение или уменьшение размера рабочей области. А чуть правее расположена панель управления виртуальным устройством. Рассмотрим ключевые ее элементы сверху вниз:

  • Кнопка выключения.
  • Увеличение и уменьшение громкости.
  • Поворот виртуального девайса влево и вправо.
  • Скриншот.
  • Режим масштабирования (работает не всегда корректно).
  • Кнопки «Назад», «Домой» и «Меню».
  • Вызов меню плагина.

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

Существует два способа запуска Андроид-приложений:

  • С помощью Play Store, но нужно авторизоваться в учетной записи Google.
  • Через отдельные APK-файлы.

Для первого вам достаточно кликнуть по соответствующей иконке на рабочем столе, войти в аккаунт, а потом загрузить и открыть нужный софт. А вот второй мы разберем чуть детальнее.

Запуск приложений через APK-файл

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

  1. Открываем системное меню расширения.
  2. Кликаем ЛКМ по вкладке My Apk Manager & Apk Upload.
  3. Нажимаем на выделенную иконку.
  4. А затем на – «Выбрать файлы».
  5. Указываем путь до АПК-пакета в Проводнике Windows.
  6. Запускается Проводник, через который прописываем путь к сохраненному установщику.
  7. Подтверждаем серьезность намерений кнопкой Upload APK и ждем завершения процедуры.
  8. Теперь нажимаем Run_APK напротив новой строки.

Подведем итоги

Расширение для сервиса ApkOnline позволяет запускать программы и утилиты, предназначенные только для Андроид. К сожалению, работает оно далеко не идеально и не так быстро, как хотелось бы, но с основной задачей справляется. А если вам нужна более высокая стабильность и производительность – обратитесь к специализированным программам. Самые удачные среди них – BlueStacks и Nox App Player.

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 103

Opera

версия

39 42 4953 89

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

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

Скриншоты

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

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

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

Терминал

$ 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-минутные сеансы

только Internet Explorer 11
Только Windows 7
Только разрешение 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 не будет опубликован. Обязательные поля помечены *