14 инструментов для проверки кросс браузерности сайта

Содержание

General tests

Speedometer 2.0

This benchmark simulates user actions for adding, completing, and removing to-do items using multiple examples in TodoMVC. Each example in TodoMVC implements the same todo application using DOM APIs in different ways. Some call DOM APIs directly from ECMAScript 5 (ES5), ECMASCript 2015 (ES6), ES6 transpiled to ES5, and Elm transpiled to ES5. Others use one of eleven popular JavaScript frameworks: React, React with Redux, Ember.js, Backbone.js, AngularJS, (new) Angular, Vue.js, jQuery, Preact, Inferno, and Flight. Many of these frameworks are used on the most popular websites in the world, such as Facebook and Twitter. The performance of these types of operations depends on the speed of the DOM APIs, the JavaScript engine, CSS style resolution, layout, and other technologies.

Peacekeeper

Peacekeeper is a platform-independent benchmark by Futuremark that tests rendering, mathematical and memory operations. It takes approx. 5 minutes for execution and tells the results of other browsers with different CPUs. Futuremark stopped maintaining Peacekeeper in July 2015. The test was taken offline in March 2018 and is no longer available.

Speed-Battle

Test of a JavaScript engine using simple algorithms. It displays results of other visitors (best, average, poorest) with the same operating system and browser version. It has an additional statistics page with browser ranking.

Testdrive

Microsoft maintains a suite of performance-oriented tests, often designed to test and stress JavaScript and rendering performance. These tests are typically designed to highlight IE’s performance[citation needed], but are compatible with other major browsers.

WebXPRT

WebXPRT is a cross-platform browser benchmark that runs HTML5- and JavaScript-based workloads. The benchmark provides scores for six individual workloads, as well as an overall score. WebXPRT is published by the BenchmarkXPRT Development Community, which is administered by Principled Technologies, and is one of the BenchmarkXPRT benchmarks. WebXPRT 3 is the most current version of WebXPRT.


5 последних уроков рубрики «Разное»

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

  • Как разместить свой сайт на хостинге? Правильно выбранный хороший хостинг — это будущее Ваших сайтов

    Проект готов, Все проверено на локальном сервере OpenServer и можно переносить сайт на хостинг. Вот только какую компанию выбрать? Предлагаю рассмотреть хостинг fornex.com. Отличное место для твоего проекта с перспективами бурного роста.

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

  • Подборка из нескольких десятков ресурсов для создания мокапов и прототипов.

IE Tab

With IE Test you can simply run an Internet Explorer instance in a Chrome or Firefox tab

We’ve touched on how Internet Explorer can be a little troublesome, particularly older versions that have a tendency to render pages very differently both from their competitors and from current browsers today. So why not tackle this directly with this extension, available for Firefox and Chrome, which allows you to open tabs emulating Internet Explorer. Since IE presents the largest challenge in terms of variance from web standards, trying your site out with it as you work on it can save you a massive headache later on.

Что такое кроссбраузерность

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

Происходит такое довольно часто, так как алгоритмы обработки каскадных таблиц css, а также html-кодов в них могут значительно отличаться друг от друга.

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

Значит, для грамотного отображения того или иного элемента необходимо произвести проверку.

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

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

Browserling

Browserling’s an easy way to test for any browser you care to name

What if you want the cloud testing capabilities of EndTest, Sauce Labs or BrowserStack, but without the complexity of setting up automated testing? Then Browserling is for you. It’s an online service that lets you select a browser and version, and render a page that you can interact with to not only check appearance, but also test out functionality.

You can use it for free, although it’ll queue you with other users who have submitted their site at the same time. This one is great if you just want to quickly double-check your work manually.

This article was originally published in Web Designer, the creative web design magazine. Subscribe to Web Designer here.

Related articles:

  • 10 steps to great UX testing
  • 11 best pieces of user testing software
  • 10 tips for better testing

Тестирование сайта в разных браузерах и устройствах

Одно из стандартных требований заказчика к разработке качественного веб-сайта — это кроссбраузерность и корректное отображение на многочисленных современных устройствах. Поэтому каждый веб-разработчик рано или поздно сталкивается с вопросом тестирования сделанного веб-сайта в разных браузерах.

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

Есть платные и бесплатные сервисы.  В данном обзоре мы обратим ваше внимание на наиболее оптимальные бесплатные и платные сервисы проверки вашего сайта в разных браузерах и на разных устройствах

IE NetRenderer [free]

IE NetRenderer is another screenshot service that has been around for quite some time. It allows you to check how a website is displayed by the numerous versions of Microsoft Internet Explorer. Older versions of Microsoft’s Web browsers are known for their sometimes unexpected behavior and failure to comply with W3C internet standards. This online tool is ideally suited for web designers working on Macs and Linux.

IE NetRenderer features

IE NetRenderer is completely free to use, ad-driven, and unlike other screenshot services they are able to process a large number of capturing jobs in parallel and realtime, making it very fast.

  • Browsers supported range from Internet Explorer 11, 10, 9, 8, 7, 6 and 5.5.
  • Maximum usable viewing widths on 800×600 and 1024×768 displays.

Browsershots [free]

Browsershots has been around since 2005 and focuses on one thing, and that is capturing screenshots within a browser. It was built on a unique idea of allowing people to volunteer computers to be the processing power. Currently it has over 65, what they like to call «screenshot factories.»

Browsershots features

Browsershots is completely free, ad-driven and features over 200 different browser versions to capture screenshots from. Unfortunately one browser missing is Internet Explorer, which sometimes is the one needed most. But for a free service, they do a good job.

  • Browsers supported range from Arora, Chrome, Dillo, Epiphany, Firefox, Iceweasel, Konqueror, Links, Laukit, Opera, SeaMonkey, and Safari.
  • Test desktop resolutions from 640 px to 1600 px.
  • Disable JavaScript, Change Color Depth, and disable/enable Java and Flash.

Результат тестирования обозревателей

Что тут скажешь — самый лучший браузер для Windows (производительный), на данный момент времени, действительно Google Chrome.

Вот Вам ещё списочек тестов — развлекайтесь …

Internet Explorer Test Drive

Dromaeo

Speed-battle

HTML5 Test

Sunspider

Browserscope (тест безопасности)

Kraken JavaScript Benchmark

V8 Benchmark Suite


CSS3Test (выше % — лучше)

Повторюсь — чем мощнее процессор, больше шустрой оперативки и зажигательнее видеокарта (у меня она вообще отсутствует (люблю тишину), пользуюсь встроенным в процессор решением от Intel — HD 4600), тем выше будут результаты тестов.

Если браузеры у Вас трудятся давно, то они наверняка уже «устали» — разгоните Google Chrome или дайте пинка Mozilla Firefox.

Лично для меня, невзирая ни на какие тесты, лучшим остаётся Mozilla Firefox — визуально различий в скорости работы конкурентов я не вижу.

До новых интересных компьютерных программ и сервисов.

Testimonials

Browserling did a custom cross-browser testing solution for UK’s National Health Service.

Our application needs to operate in complicated sub optimal technological environments where legacy software is popular and unrealistic expectations to meet modern standards impose unsurpassable barriers to implementation. Browserling guys hopped, skipped and jumped over all those barriers in record time without blinking and has put us on the innovations map. What was considered impossible amongst an international consortium was made possible by Browserling.

Dr. Alexei Director, Bloomsbury Health — NHS Healthcare Innovation

Every web agency needs You.

Gal Borenstein CEO, Borenstein Group, Inc.

We rely on Browserling and Testling as part of our deployment and testing processes when publishing our JavaScript Libraries to the PubNub JavaScript user base. This is a great service for quickly testing all JavaScript environments quickly.

Stephen Blum CTO, PubNub, Inc.

You have the absolute best tool out there, very fast and response.

Much better than Sauce Labs!

Raymond Borhan CTO, Knife Center, Inc.

Browserling helps MergEye deliver the highest quality service to our customers. Our QA process heavily depends on Browserling’s Live API testing. Without Browserling we’d have to maintain 20+ virtual machines to run our tests. Browserling saves us $12,000 a year in licensing and labor costs. We love Browserling!

Dmitry Kalinin CTO, MergEye, Inc.

Browserling did a custom cross-browser testing solution for ECESIS Technologies.

I am extremely happy to see your technical capability to come up with immediately solution and the fast response.

TK CEO, ECESIS Technologies, Inc.

5 последних уроков рубрики «Разное»

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

  • Как разместить свой сайт на хостинге? Правильно выбранный хороший хостинг — это будущее Ваших сайтов

    Проект готов, Все проверено на локальном сервере OpenServer и можно переносить сайт на хостинг. Вот только какую компанию выбрать? Предлагаю рассмотреть хостинг fornex.com. Отличное место для твоего проекта с перспективами бурного роста.

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

  • Подборка из нескольких десятков ресурсов для создания мокапов и прототипов.

Browser compatibility testing

Designing and development website and applications can be a lot of fun, but along with that also means a responsibility to ensure that everyone is receiving the same experience across different devices, browsers, operating systems, resolutions, etc. When you think about it, there is a lot that can go wrong, and most likely your project will never be perfect 100% of the time. But if you don’t, you could lose potential customers. Say for example your website doesn’t render properly in IE9. That customer might simply leave and visit your competitor who did spend time on browser compatibility testing.

What is browser testing?

Browser testing, also referred to as cross browser testing is the process of ensuring that your website or web application works as intended in any given browser. This can include both the client side and the server side. This involves many different metrics, such as:

  • Code validation: Making sure your JavaScript and CSS validates across different browsers.
  • Performance: Ensuring optimal web performance on all platforms.
  • Mobile: Responsiveness for mobile browsers based on resolution, rotation, & viewport.
  • User Interface: Checking to make sure the UI matches your original plans.
  • Behavior: User experience throughout should be the same, navigation, links, dialog boxes, etc.

A couple questions you might need to answer:

  1. Do you need to support all browsers and or all operating systems?
  2. What legacy platforms do you need to and or are willing to support? If you have a current user base it can be important to check your analytics and logs to ensure you don’t lose customers on older platforms.
  3. Should your code fully validate on all platforms and browsers?

Коммерческие инструменты для тестирования

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

Mogotest

Mogotest выполняет проверки на кросс браузерность даже страниц, которые требуют регистрации пользователей. У сервиса есть API, и он может быть интегрирован в ваш проект. Mogotest также выдает отчет о состоянии проверяемого сайта, в котором сообщается о неправильных ссылках, закольцованных перенаправлениях и других проблемах разметки. На сервисе есть инструмент для сравнения снимков экрана. Поддерживаются системы регистрации на основе HTML и куки.

Доступны несколько тарифных планов. Персональный тарифный план стоит $15 в месяц и допускает проверки до 50 страниц на трех сайтах. Тарифный план для фрилансеров стоит $45 в месяц и допускает проверки на 10 сайтах и до 350 страниц. Групповой тарифный план стоит от $125 в месяц до $4499+ за неограниченный доступ.

Cloud Testing

Cloud Testing предлагает функциональное тестирование проекта. Вы можете записать предполагаемые действия пользователя в вашем браузере с помощью Selenium IDE, затем загрузить их, а Cloud Testing выполнит скрипт в разных операционных системах и браузерах. А затем будет предоставлены снимки экранов и диагностика HTML и компонентов.

BrowserCam

Стоимость использования BrowserCam начинается от $19.95 за один сервис в день и заканчивается $999.95 за годовую подписку на полный комплект услуг.

Multi-Browser Viewer

Multi-Browser Viewer выполняет проверки для браузеров настольных систем и мобильных устройств. Он включает 26 виртуализированных веб браузеров, 5 браузеров для мобильных устройств (включая iPhone и iPad) и 61 вариант браузеров для снимков экрана (вы сможете видеть, как сайт выглядит, но взаимодействовать с ним нельзя). Также доступны пять языков: английский, испанский, немецкий, русский и французский.

Multi-Browser Viewer стоит $139.95 за однопользовательскую лицензию, включая годовую поддержку. Обновления после года использования стоят $99.95. Также доступен пробный период использования инструмента через веб сайт.

Коммерческие инструменты для тестирования


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

Mogotest

Mogotest выполняет проверки на кросс браузерность даже страниц, которые требуют регистрации пользователей. У сервиса есть API, и он может быть интегрирован в ваш проект. Mogotest также выдает отчет о состоянии проверяемого сайта, в котором сообщается о неправильных ссылках, закольцованных перенаправлениях и других проблемах разметки. На сервисе есть инструмент для сравнения снимков экрана. Поддерживаются системы регистрации на основе HTML и куки.

Доступны несколько тарифных планов. Персональный тарифный план стоит $15 в месяц и допускает проверки до 50 страниц на трех сайтах. Тарифный план для фрилансеров стоит $45 в месяц и допускает проверки на 10 сайтах и до 350 страниц. Групповой тарифный план стоит от $125 в месяц до $4499+ за неограниченный доступ.

Cloud Testing

Cloud Testing предлагает функциональное тестирование проекта. Вы можете записать предполагаемые действия пользователя в вашем браузере с помощью Selenium IDE, затем загрузить их, а Cloud Testing выполнит скрипт в разных операционных системах и браузерах. А затем будет предоставлены снимки экранов и диагностика HTML и компонентов.

BrowserCam

Стоимость использования BrowserCam начинается от $19.95 за один сервис в день и заканчивается $999.95 за годовую подписку на полный комплект услуг.

Multi-Browser Viewer

Multi-Browser Viewer выполняет проверки для браузеров настольных систем и мобильных устройств. Он включает 26 виртуализированных веб браузеров, 5 браузеров для мобильных устройств (включая iPhone и iPad) и 61 вариант браузеров для снимков экрана (вы сможете видеть, как сайт выглядит, но взаимодействовать с ним нельзя). Также доступны пять языков: английский, испанский, немецкий, русский и французский.

Multi-Browser Viewer стоит $139.95 за однопользовательскую лицензию, включая годовую поддержку. Обновления после года использования стоят $99.95. Также доступен пробный период использования инструмента через веб сайт.

Other browser testing tools

Here are a couple other testing tools that definitely deserve a mention:

  • IETester: This project doesn’t seem to be actively updated anymore, but still offers a good free way to test Internet Explorer versions 5 through 11.
  • Lunascape: A free web browser which uniquely features the ability to switch between three different rendering engines, Trident, Gecko, and WebKit.
  • Ghostlab: Test any website on various browsers and mobile devices simultaneously.

And don’t forget that Chrome DevTools and Firefox Developer Tools both have responsive design modes to test against different resolutions.

Virtual machines

Another way to easily test and debug browser compatibility issues is to use a virtual machine. Here are some options:

  • VirtualBox
  • Microsoft Edge (virtual machines)
  • Parallels
  • VMware Workstation

Бесплатная проверка на кросс браузерность

Adobe BrowserLab

Adobe BrowserLab — это бесплатный инструмент, который позволяет протестировать ваш проект в различных версиях Chrome, Safari, IE и Firefox. Он предоставляет несколько способов просмотра страниц, включая полно экранный обзор и визуальное сравнение разных вариантов. Сервис может получать динамические страницы через сеть, или его можно использовать локально через Firebug или Adobe Dreamweaver CS5. Также допускается определять комбинацию наборов браузеров, если вам не нужно тестировать проект в очень старых версиях.

Browsershots

Browsershots — вероятно наиболее полный бесплатный инструмент для тестирования, доступный в настоящее время. Он включает варианты браузеров для Linux, Windows и BSD. На нем также можно найти браузеры, о которых вы могли и не знать (например, Galeon, Iceape, Kazehakase и Epiphany). По умолчанию Browsershots проводит проверки на последних версиях браузеров, но доступны и старые варианты.

Чем больше браузеров будет определено для проверки, тем больше времени уйдет на подготовку результатов. Данный факт надо учитывать при выборе набора браузеров.

SuperPreview

SuperPreview является предложением Microsoft в области кросс браузерной проверки  (и он совместим только с Windows). Инструмент позволяет определять набор браузеров для проведения тестов. Он работает с любым браузером, установленным на вашей системе (механизм вывода IE6 встроен в него). Данный факт является причиной его быстрой работы (не нужно ждать загрузки или окончания обработки на удаленном сервисе), но и ограничивает набор доступных браузеров для сравнения.

SuperPreview является бесплатным инструментом и планируется как часть Expression Web. В онлайн версии имеется поддержка  Chrome, Safari (Mac) 4+5, Firefox 3+4. Также можно использовать интерактивный режим для веб сайтов, которые требуют регистрации перед выводом страниц, которые надо проверить. Есть инструмент отладки для DOM. К сожалению, отсутствует поддержка Opera, даже если она установлена локально.

Lunascape

Lunascape — это браузер с тройным механизмом вывода для Windows. Он использует Trident (IE), Gecko (Firefox) и Webkit (Chrome и Safari). Поэтому вы можете увидеть, как выглядит ваш сайт во всех трех вариантах в виде визуального сравнения. Хотя Lunascape не является традиционным инструментом тестирования, тем не менее, он будет очень полезен для дизайнеров и разработчиков. Его основным преимуществом является моментальный просмотр страниц сайта во всех трех вариантах механизмов вывода. Lunascape также поддерживает расширения и плагины Firefox, так что вы можете использовать Firebug для диагностики проблем совместимости.

IETester

IETester — браузер для Windows, который позволяет использовать механизмы вывода и JavaScript для просмотра сайта в версиях IE10, IE9, IE8, IE7, IE6 и IE5.5. Для работы инструмента требуется Windows 7, Windows Vista или Windows XP с IE7.

IE NetRenderer

IE NetRenderer позволяет проверить совместимость с сайта с Internet Explorer версий от 5.5 до 9. Вам придется проверять каждую версию индивидуально.

Spoon

Spoon — сервис для имитации приложений. На нем доступны различные версии Firefox, Chrome, Opera и Safari для пользователей Windows. Недостаток: Internet Explorer поддерживается механизмом виртуализации Spoon, но по требованию Microsoft данный браузер исключен из вариантов тестирования..

Browsera (бесплатная и коммерческая версии)

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

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


Browserling (бесплатная и коммерческая версии)

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

Бесплатная версия имеет ограничение по времени сессии в размере 5 минут, а коммерческий вариант без ограничений стоит $20в месяц.

Подготовка к тестированию. Как мы будем проводить тест браузеров

Можно просто определиться с численными показателями, запомнить их или записать и сравнить с новой версией (например, после автоматического обновления браузера). А также использовать свои численные показатели, чтобы доказать оппоненту, у кого браузер «круче».

А можно сравнить наш браузер с каким-то другим. Ну, например, многие из нас используют в качестве основного браузера «Chrome» или «Firefox». Но в системе также по умолчанию установлен «Internet Explorer». Вот Вам и честный поединок.

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

Скорость

Этот тест позволяет определить, насколько хорошо Ваш браузер справляется с отображением страниц, содержащих сложную графику и анимацию. Следует учитывать, что большинство современных браузеров использует аппаратное ускорение (т.е. браузер самостоятельно задействует ресурс вашего графического адаптера для ускорения загрузки графики).

Чтобы провести данный тест, перейдите на страницу теста и кликните по кнопке «Test Your Browser». Начнется процесс тестирования, при этом на экране будут отображаться различные графические изображения и анимация. По завершении тестирование на экране отобразится численный показатель результата тестирования.

Точность отображения

Много лет назад, когда в обиходе был один лишь браузер “Internet Explorer”, содержимое страниц и дизайн сайта оптимизировались только под этот браузер. Когда пользователь открывает тот же самый сайт в другом браузере, то возникают различные ошибки отображения содержимого сайта. Например, при отображении нарушается структура сайта, искажаются изображения и т.д.

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

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

Для запуска теста необходимо просто перейти по этой ссылке. Тест запуститься автоматически. Через несколько секунд на странице отобразятся результаты тестирования. максимальный балл – 100 очков.

Рендеринг страниц

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

Перейдите по указанной ссылке и в адресной строке введите любой сайт. Для запуска теста кликните по кнопке “Start Stop Watch”. Во время загрузки страницы в верхней части окошка будет отображаться секундомер, показывающий текущее время загрузки страницы. Время остановится после загрузки всех элементов данной веб-страницы.

Поддержка HTML5

Коротко расскажу Вам, что такое HTML5. Это недавно вышедшая появившаяся на свет версия языка разметки страниц, которая предоставляет очень много возможностей. Например, данный стандарт позволяет просматривать видео ролики и прослушивать музыку в интернете без использования дополнительный плагинов и флеш-проигрывателей (типа “Adobe Flash Player”), которые, к сведению, содержат немало уязвимостей для мошенников.

Максимальное количество баллов – 475. Как сообщается, для корректного отображения достаточно и 100 баллов.

Итак, Друзья, мы с вами научились производить тест браузеров. Теперь в споре можно выйти не только победителем, но и произвести приятное впечатление на собеседника своей эрудицией. Теперь можно проверить возможности своего браузера и любого другого и точно сказать “стоит ли овчинка выделки”?

Тестируйте свой браузер на здоровье.

Сравнение инструментов

В ниже приведённой таблице сведены вместе некоторые сведения об инструментах тестирования для сравнения их между собой и выбора наиболее подходящего варианта.

Инструмент Количество поддерживаемых браузеров IE? Интерактивное тестирование? Визуальное сравнение? Цена
Adobe BrowserLab 13 IE6+ Нет Да Бесплатно
Browsershots 60+ IE6+ Нет Нет Бесплатно
SuperPreview Изменяется IE6+ Да Да Бесплатно
Lunascape 3 IE6+ Да Да Бесплатно
IETester 6 версий IE IE5.5+ Да Да Бесплатно
IE NetRenderer 5 версий IE IE5.5+ Нет Нет Бесплатно
Spoon 16+ Нет IE Да Нет Бесплатно
Browsera 9 IE6+ Нет Да Бесплатно – $99/месяц
Browserling 9 IE5.5+ Нет Нет Бесплатно – $20/месяц
Mogotest 7+ IE6+ Нет Да $15 – $4,499/месяц
Cloud Testing 4+ IE6+ Да Да Нет сведений
BrowserCam 90+ IE5.2+ Нет Да $19.95 – $89.95/месяц
Multi-Browser Viewer 80+ IE6+ Для некоторых браузеров Да $139.95
CrossBrowserTesting 100+ IE6+ Да Да $29.95 – $199.95/месяц

Как мы тестировали — дополнение для самых дотошных читателей

Dolphin Browser: 123.3 баллa Firefox: 83.42 балла Google Chrome: 112.03 баллa Microsoft Edge Opera: 128.53 баллов Puffin Web Browser UC Browser: 91.36 балл «Яндекс.Браузер»: 137.07 баллов

У Microsoft Edge возникли неожиданные трудности с прохождением первого прогона — возможно, издержки тестовой версии. К нему в компанию загремел Puffin (поэтому вы их не увидите на диаграмме ниже). Puffin не справился с тестом на WebGL — впрочем, как и UC Browser, но тот всё же сумел проскочить дальше, в конце выдав информацию об ошибке. В целом Dolphin и Puffin выигрывают за счёт минимальных «обвесов» и грамотной оптимизации — по этим же параметрам UC Browser как раз проигрывает. Chrome и «Яндекс.Браузер» показали себя вполне сбалансированными приложениями, а вот Firefox оказался слабоват: и процессор грузит, и с графикой не всё в порядке.

Результат тестирования. Чем больше — тем лучше.

BrowserStack

With immediate access to over 2,000 web browsers running on real Android and iOS devices, the well-known BrowserStack lets developers and other stakeholders engage in cross-browser testing, whether that’s to snap a few screenshots, debug errors in realtime, or to actually interact with the browser natively and see how the layout fairs when the window is resized. There’s no need to compromise on simulators and emulators, BrowserStack offers you total control since you’ll be interacting with real browsers on remote machines.

It’s not like the real thing, it is the real thing.

BrowserStack also supports Selenium, an open-source tool to help you automate various tests so you don’t have to do so manually.

Although the features above are fairly standard when it comes to cross-browser testing tools, what really sets BrowserStack apart is that you can kick things off from as little as $12.50/mo, an initiative aimed at freelancers – offering lighter functionality.


С этим читают