Проверка на разных браузерах сайта: Как проверить отображение сайта в браузерах: инструкция

Как проверить проверить кроссбраузерность сайта бесплатно онлайн

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

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

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

Вот пример поехавшей верстки Яндекс.Музыки в Google Chrome. Да-да, даже такие гиганты как Яндекс, допускают мелкие ошибки. Кстати, они всё быстро поправили.

Почему так происходит?

Браузеры работают на разных движках. Они отвечают за загрузку, обработку, отображение и расчет данных.

Каждый движок воспринимает информацию по-своему. И по-разному читает html-теги и css-стили. Вот так на одном сайте в разных браузерах отображается блок с партнерами.

Автоматическая проверка кроссбраузерности

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

Browsershots

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

CrossBrowserTesting

Платный инструмент, но есть семидневная демо-версия. Для разовой проверки вполне хватит. Сервис проверит ваш в 1500 десктопных и мобильных браузерах.

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

Укажите ссылку, нажмите «Run Test» и получите результат проверки.

Saucelabs

Сервис платный, но есть бесплатный доступ на 14 дней. Проверяет отображение в десктопных и мобильных браузерах.

После регистрации можно перейти к тестированию. Выберете в меню «Live Testing», вставьте адрес сайта и запустите проверку.

Ручная проверка кроссбраузерности

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

Но сначала нужно понять, какие браузеры нужны для теста. Тут вам помогут Яндекс.Метрика и Google Analytics. Они покажут, каким браузерами отдают предпочтение ваши пользователи.

Согласно статистике statcounter.com и liveinternet.ru вырисовывается вот такая тройка лидеров: Google Chrome, Яндекс.Браузер и Opera. Но, вы всегда можете самостоятельно проверить, какие браузеры в ТОПе у пользователей вашего ресурса.

Проверка ТОПа в Яндекс.Метрике

Нужный отчет можно найти по цепочке: Отчеты > Стандартные отчеты > Технологии > Браузеры.

Далее смотрим на показатель отказов. Если у вас аномально высокий показатель отказов, например, 70%, то, возможно, ваш сайт некорректно отображается в этом браузере. Стоит все перепроверить.

Ищем самые популярные браузеры в Гугл.Аналитике

Аудитория > Обзор > Браузер

Обращайте внимание на показатель отказов. Если он приближается к 80-90%, то обязательно протестируйте отображение сайта в этом браузере.

Как сделать сайт кроссбраузерным

Окей, вы выяснили, что у вас есть проблемы на сайте. И как быть? Что делать? Разберемся с некоторыми секретами html-верстальщиков.

1. Использование префиксов

Префиксы — приставки к названиям CSS-свойств, используемые определенными браузерами. Они позволяют изменять отображение в конкретном обозревателе. Префиксы увеличивают объем кода, но остается понятным.

Примеры префиксов:

2. Применение CSS хаков

CSS hacks — это часть кода, понятная определенному браузеру.
Хак — это какой-то код в файле CSS, стили которого применяются только к указанным браузерам, а другими игнорируется. Вот CSS-хак для Internet Explorer 6 (IE6):

* html .sidebar {
margin-left: 5px;
}

Тут хак — это звездочка «html». Кто-то обнаружил, что это будет работать только в IE6 и ниже. То есть внешний отступ у .sidebar будет только в IE.
Но разработчики считают использование хаков не лучшим вариантом, так как это усложняет код.

3. Условные комментарии

C помощью условных комментариев можно использовать нестандартные особенности Особенно полезно, нужно нормальное отображение в Internet Explorer.

Пример для Internet Explorer 9:

<!—[if IE 9]>

    <link rel="stylesheet" href="style-for-ie9.css">

<![endif]—>

Файл style-for-ie9.css подключится только в браузере Internet Explorer 9.

4. Используйте фреймворки

Зачем изобретать велосипед? Можно применять заготовки и шаблоны, например, Bootstrap. Они дают заготовки кода, который совместим с большинством браузеров и мобильными устройствами.

5. Проверяйте на ошибки

Найти ошибки с HTML и CSS можно с помощью: HTML Validator и CSS Validator.

Подытожим

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

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

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

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

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

Список лучших сервисов для проверки кроссбраузерности сайта:

1. Browsera

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

2. Browser Stack

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

3. Browsershots

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

4. Browser Sandbox

Сервер для тех, кто пользуется Windows, имеющий очень расширенный список разных браузеров. Бесплатно можно провести тестирование, если установленная версия браузера является последней. Для проверки старых версий нужно будет купить платную версию, ее стоимость не превышает 5 долларов на момент написания заметки.

5. IE Testers

Для тех, кто имеет проблемы с правильным отображением сайта в IE, предназначены такие инструменты как браузер Microsoft Edge, My Debugbar и Netrenderer. Более удобной платформой можно назвать Microsoft Edge, который даст возможность получения скриншота сайта в различных браузерах (даже мобильных).

6. CrossBrowserTesting

Характеризуется использованием реальных устройств для тестов и это даёт исчерпывающую информацию. Функционал огромен и инструмент точно будет стоить потраченных на него денег. Насчитывает около тысячи браузеров и операционных систем. Также он позволяет провести тестирование сайта в реальном времени, чтобы проверить как работают HTML-формы, Flash и т.д. Ещё можно сравнивать скриншоты и автоматизировать тесты.

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

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

Вы можете просматривать сайт, используя последнюю версию Firefox, и он будет выглядеть удивительно. А после этого на сайт может зайти посетитель, использующий Internet Explorer 9, и ресурс не только будет выглядеть ужасно, но еще и не будет работать должным образом. Угадайте, что тогда произойдет? Вы потеряете посетителя. Поэтому кроссбраузерность так важна:

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

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

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

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

Firefox, Internet Explorer, Safari, Chrome и Opera обычно можно без проблем загрузить и установить. Но если у вас нет такой возможности, то существует множество веб-инструментов, которые позволяют проверить кроссбраузерность сайта онлайн.

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

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

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

Spoon предлагает более основательный вариант проверки кроссбраузерности. Для Chrome, Firefox, Internet Explorer, Opera и Safari можно выбрать точную версию, которую нужно протестировать.

Если вам нужно протестировать новейшие версии этих браузеров, то это бесплатно. Но если вы хотите проверить старые версии, за это взимается плата:

После выбора браузера он открывается в новом окне. Затем нужно ввести URL-адрес и протестировать страницу.

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

Viewlike. us позволяет просмотреть сайт при разных разрешениях. Это пригодится для тестирования внешнего вида сайта, а также даст ценную информацию, касающуюся адаптивности ресурса:

С помощью этого инструмента проверки кроссбраузерности сайта также можно оценить скорость и юзабилити тестируемого сайта. Если такие показатели, как размер изображений, размер элементов HTML и количество статических ресурсов нужны вам, значит и Viewlike.us будет полезен.

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

IE NetRenderer показывает тестируемый сайт только в Internet Explorer, но зато позволяет выбрать версию от IE 5.5 до IE 11. Это еще один простой инструмент, который подходит только для тестирования внешнего вида сайта:

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

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

Если на сайте будут обнаружены ошибки JavaScript, Browsera предоставит детальную информацию по ним, включая тип и версию браузера, страницы или элементы сайта, строку кода, содержащую ошибку, ее описание. Например, «недопустимое значение свойства«:

Также можно просмотреть различия отображения макета в различных версиях Firefox и Internet Explorer. Так вы сможете увидеть, как тестируемый сайт выглядит в каждом из этих браузеров, чтобы позже внести необходимые изменения.

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

Инструмент определения кроссбраузерности сайта предоставляет для одного пользователя возможность тестирования до 25 страниц. Оно включает в себя обнаружение проблем, сканирование сайта и поиск ошибок JavaScript. Конечно, платные тарифы предлагают больше возможностей и опций.

Spoon Browser Sandbox — единственный бесплатный инструмент из рассмотренных в этой статье, позволяющий провести полную проверку ресурса. Так что, если вы не хотите устанавливать все браузеры или платить за услугу, это лучший вариант для тестирования интерактивных элементов сайта.

Для тестирования внешнего вида сайта подойдет Browsershots. Он предлагает на бесплатной основе возможность проверить отображение ресурса в большинстве стационарных браузеров:

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

Поделитесь своими мыслями в комментариях!

Данная публикация является переводом статьи «Ultimate Free Tools for Cross-Browser Testing» , подготовленная редакцией проекта.

Онлайн-сервисы для тестирования сайта в разных браузерах

Одна из самых больших проблем, с которой сталкиваются разработчики веб-сайтов – это отсутствие кроссбраузерности. Под кроссбраузерностью обычно понимают способность сайта отображаться одинаково хорошо, независимо от браузера, с которого посетитель просматривает его страницы. К примеру, при просмотре страниц интернет-ресурса с браузера Firefox последней версии все страницы могут отображаться без особых проблем. А при просмотре этого же сайта со старых версий InternetExplorer некоторые блоки начнут съезжать, криво отображаться.

Кроме того, могут возникнуть проблемы с отображением шрифтов, веб-форм и т. д. Чтобы сделать сайт кроссбраузерным, необходимо внести определенные изменения в его исходный программный код, поставить так называемые «заплатки». Проверить кроссбраузерность можно несколькими способами. Чаще всего вебмастера делают все вручную, то есть поочередно открывают страницы ресурса в разных браузерах и отслеживают изменения. Но с недавних пор выполнить данную проверку можно при помощи специальных онлайн-сервисов. Ниже мы кратко расскажем о 5 таких сервисах.

1. Browsershots

При помощи данного сервиса можно сделать скриншоты страницы нужного сайта при его отображении в разных браузерах и в разных операционных системах. Доступны три основных ОС – Mac, Windows, а также Linux. Что касается браузеров, то их здесь целых 65 штук (разные версии IE, Opera, Chrome, Firefox и т.д.). Чтобы выбрать браузеры, в которых будет проводиться тест, нужно поставить галочку напротив них.

Кроме того, можно выбрать размер скриншота, глубину его цвета, можно включить или отключить JavaScript, Flash. При бесплатном использовании сервиса длительность проверки может достигать 2 часов. В платной версии (30 долларов в месяц) скорость проверки существенно возрастает (5-10 минут). Также при бесплатной проверке скриншоты вашего сайта будут доступны всем пользователям в разделе «WebDesignGallery».

2. IENetRenderer

Это очень простой и бесплатный сервис, предназначенный для проверки вашего сайта на совместимость с различными версиями браузера InternetExplorer (с другими браузерами сервис не работает). В настройках вам нужно лишь выбрать версию браузера, а также указать URL-адрес проверяемого сайта. После нажатия на кнопку «Render» появится скриншот.

3. CrossBrowserTesting

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

Данный сервис является платным. Стоимость базового пакета услуг составляет 30 долларов в неделю. Однако есть триальный период, длительность которого — 7 дней. При использовании триальной версии сервиса некоторые возможности будут недоступны.

4. Litmus

Довольно специфический онлайн-сервис, основное предназначение которого – тестирование email-рассылок (хотя могут тестироваться и обычные сайты в разных браузерах). На выходе вы получаете скриншоты страниц сайта или скриншоты готовых писем из email-рассылки.

Кстати, рассылка может тестироваться сразу в 30 разных почтовых клиентах. Кроме того, при помощи данного сервиса можно проверить валидность CSS и HTML-кода сайта. Есть триальный период, длительность которого составляет 7 дней. Базовый платный пакет обойдется в 49 долларов за месяц.

5. CloudTesting

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

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

Кроссбраузерность сайта: проверяем и настраиваем

Почему сайты могут по-разному отображаться и работать в разных браузерах

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

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

В чем выражается кроссбраузерность сайта и почему она так важна

Если сайт некорректно отображается, неправильно работает в одном или нескольких популярных браузерах, то он неудобен для использования. Посетители будут уходить с него, не просмотрев и одной страницы. Таким образом, увеличится показатель отказов, а, как известно, этот поведенческий фактор ранжирования сайтов имеет весомое значение. Поисковые роботы посчитают такой сайт неинтересным и понизят его позиции в органической выдаче. О конверсиях, разумеется, не может быть и речи, поскольку пользователю не удалось ознакомиться с предлагаемой продукцией или услугой.

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

• сохранить структуру;




• не допустить развала верстки;




• избежать наложения текста на текст, изображения;




• сохранить читабельность информации.

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

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

Сделать это можно одним из двух способов:

1. Ручное тестирование кроссбраузерности сайта. Для этого нужно установить на ПК разные браузеры и посмотреть, как сайт отображается в каждом из них. Способ верный, но неудобный: придется скачивать разные браузеры и их версии, а некоторые из них, к слову, можно установить только на macOS.




2. Использование специальных онлайн-сервисов. Этот способ прост и надежен. Таких сервисов достаточно много: есть и бесплатные, но с определенными ограничениями, и платные, но более функциональные и быстрые.

Один из самых популярных бесплатных ресурсов для проверки кроссбраузерности сайтов — Browsershots.org.

Онлайн-сервис Browsershots.org для проверки кроссбраузерности сайтов

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

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

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

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

Кроме онлайн-сервисов, существуют и специальные приложения. К примеру, Multi-Browser Viewer. Этот инструмент позволяет проверить не только корректность отображения данных в разных браузерах, но и то, насколько правильно сайт функционирует.

Как добиться кроссбраузерности сайта

Предлагаем вам несколько самых действенных способов решения этой задачи:

1. Вендорные префиксы. Они представляют собой приставки к названиям уникальных свойств, которые используются вендорами (в данном случае это производители браузеров). Такие префиксы применяются в конкретных случаях, а именно, когда CSS-свойство:

• нестандартно и прописано для определенного браузера;




• это эксперимент, который еще дорабатывается;




• реализует частичный функционал.

Например:

• -moz- применяется в Firefox;




• -ms- применяется в IE и Edge;




• -webkit- применяется в Safari, Google и прочих браузерах на базе WebKit и Blink;




• -o- применяется в старых версиях Opera (на платформе Presto).

Код может выглядеть следующим образом:

• -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;




• — webkit-flex-wrap — это свойство для версий Chrome с 4 по 28 и версий Safari с 3. 1 по 8;




• -ms-flex-wrap — свойство для IE 10.

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

2. CSS-hacks. Хаки — это части кода, которые может понять только какой-то конкретный браузер. То есть, если, к примеру, ваш сайт правильно отображается в четырех браузерах, а в остальных есть проблемы с корректностью интерпретации данных, то эту проблему можно решить, отдельно прописав соответствующие хаки для каждого браузера, в котором страницы отображаются неверно.

3. Разделение стилей. Используется для поддержки Internet Explorer. Этот способ предполагает определение браузера и подключение конкретного файла стилей. В IE применяются условные комментарии, которые понимает только Internet Explorer. Другие браузеры воспринимают этот код как простой комментарий.

4. Универсальные элементы. Они одинаково качественно функционируют практически во всех популярных браузерах. Благодаря им исходный код ресурса не выглядит громоздким, а главное, соответствует требованиям браузеров.

На бесплатном онлайн-сервисе caniuse.com вы узнаете, какие теги поддерживаются той или иной версией браузера.

Самые популярные браузеры среди пользователей Рунета

По данным Яндекс.Радара за июнь 2020 года, в большей степени пользователи Рунета предпочитают Google Chrome, Яндекс.Браузер и Safari.

Самые популярные браузеры среди пользователей Рунета

Что касается браузеров на мобильных устройствах, то здесь Яндекс.Браузер и Safari меняются местами.

Самые популярные браузеры на мобильных устройствах

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

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

Автор:

Елизавета Гуменюк

Просто люблю писать, переводить и давать людям возможность читать интересный контент. И пусть я не всегда идеальна — есть к чему стремиться!!!

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

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

Данные инструменты имеют разнообразные функции и удовлетворяют ряду потребностей в тестировании совместимости веб-сайтов.

BrowserShots

Один из первых кроссбраузерных тестовых сайтов, который позволяет вам тестировать ваш сайт в нескольких браузерах, включая некоторые старые версии, такие как Lynx, Konqueror и Seamonkey.

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

Browser Sandbox

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

Он предоставляет широкий спектр браузеров, включая некоторые старые версии Internet Explorer, а также версию браузеров Canary или Development.

MultiBrowser

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

LambdaTest

Онлайн-сервис, где вы можете запускать кроссбраузерные тесты для разных платформ. Например, вы можете выбрать, тестировать ли ваш сайт в Firefox или Chrome, который работает на Windows, Linux или macOS.

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

Experitest Cross Browser Testing

Этот инструмент позволяет вам проверить совместимость и производительность вашего сайта в различных средах. Он также упрощает интеграцию с такими сервисами, как Github, Gitlab, Jenkins, TravisCI и CircleCI, что позволяет оптимизировать рабочие процессы развертывания вашего веб-сайта.

BrowserStack

BrowserStack — одно из известных имен в кроссбраузерном тестировании, которое используется некоторыми крупными проектами с открытым исходным кодом, такими как jQuery и React.js, и содержит список сотен браузеров, мобильных устройств и стратегий тестирования, чтобы обеспечить работу ваших веб-сайтов в стольких средах, сколько возможно.

SauceLabs

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

CrossBrowserTesting

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

TestingBot

TestingBot предоставляет полную стратегию тестирования для веб-сайтов, а также для нативных мобильных приложений. Так что вы можете не только вращать браузеры, но и запускать тест на реальном устройстве iOS или Android.

Browserling

Если вам нужно быстро и легко протестировать сайт в Internet Explorer, возможно, это и есть инструмент, который вы ищете.

Вы сможете легко и в интерактивном режиме протестировать ваш сайт в нескольких браузерах, включая старые, такие как Internet Explorer 10 и 11 и Safari 4 и 5.

Comparium

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

Puppeteer

Puppeteer — это модуль Node.js, который предоставляет API для взаимодействия с браузерами Chrome и Firefox.

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

Playwright

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

Playwright поддерживает браузер на базе Chromium, Firefox и Webkit (например, Safari).

Nightwatch.js

NightWatch.js модуль Node.js для сквозного тестирования. С помощью простого в использовании API вы можете проверить, содержит ли элемент определенный текст, является ли он видимым или скрытым, и даже проверить класс, идентификатор и свойства CSS.

Cypress

Cypress — это набор тестов, который делает сквозное тестирование и отладку современных веб-приложений простым и легким.

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

WebDriverIO

Среда автоматизации тестирования Node.js. Он поддерживает множество библиотек JavaScript, таких как React.js, Vue и Angular.

Поскольку он основан на W3C WebDriver и Chrome DevTools, стандартном и общепринятом протоколе, тест может выполняться локально или в облачной службе, такой как SauceLab, BrowserStack и TestingBot.

Selenium

Selenium — это своего рода основа инструментов автоматического тестирования браузеров. На самом деле он не предоставляет утилиты тестирования или фреймворка, но может быть расширен для его создания.

Фактически, многие тестовые фреймворки, приложения или сервисы, включая некоторые из инструментов, находящихся в этом списке, основаны на драйверах Selenium.

Всем успешной работы и творчества!

Источник

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

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

Тест на кроссбраузерность – вид
тестирования, который проводится для того, чтобы понять, одинаково ли ведет
себя ваш продукт при взаимодействии с разными версиями браузеров. Пользователь
должен обращаться к сервисам вашего программного продукта независимо от того,
каким браузером пользуется и какую аппаратную платформу предпочитает. Если
каждый десятый человек использует нестандартный браузер (или определенную устаревшую
версию), в котором ваше приложение меняет внешний вид или отступает от
заданного поведения, вы рискуете потерять аудиторию в 10%.

Актуально по умолчанию

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

• форм;
• фильтров;
• динамических элементов;
• отдельных модулей и разделов сайта.

Постоянное внедрение новых стандартов и следование им при разработке само
по себе дает достаточно высокий уровень совместимости. Однако, не все браузеры
работают одинаково с этими стандартами. А разработчики в свою очередь зачастую
пренебрегают ими, потому как практически невозможно, создавая продукт, учесть абсолютно
все факторы и поддержать все разновидности клиентского ПО. Только тест продукта
в разных браузерах поможет выявить все проблемы совместимости, оптимизировать
производительность и добиться однообразия представления информации в
поддерживаемых версиях. Плюс ко всему: не все из наиболее часто используемых
браузеров оперативно выпускают новые версии, которые соответствуют новейшим стандартам,
и, что более важно, не все пользователи следят и регулярно обновляют свое ПО. Если
такие версии браузеров отвечают запросам целевой аудитории системы, то тест на
кроссбраузерность просто необходим.

Возможности WebmartQA – в ваших интересах

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

• сетевые устройства;
• базы данных;
• системное программное обеспечение;
• периферию (веб-камеры, принтеры и др.).

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

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

Еще глубже –
кроссплатформенность

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

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

Таким образом, для продуктов, подразумевающих широкое применение и
поддержку на различных платформах, этот тип тестирования жизненно важен. К тому
же, чем выше количество поддерживаемых ОС, тем шире список потенциальных
пользователей ПО, что выгодно заказчикам проекта.
Для проверки таких совместимостей
Webmart QA проводит кроссплатформенное тестирование программных продуктов на
любой версии операционной системы семейств:

• Windows
• Windows Server
• Linux
• MacOS

Тест кроссбраузерности сайта — гарантии

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

О компании Browserling Inc.

Компания

Начато в 2010 году и основано в 2011 году Питером Круминсом (генеральным директором) и Джеймсом Халлидеем. Расположен в Окленде, штат Калифорния. Мы первая компания в ускорителе стартапов Hackers & Founders, и мы любим решать проблемы кросс-браузерного тестирования!

Инвесторы

Дэвид Уикли

Ребекка Еженедельник

Ульрих Галл

Майк Цао

Ник Хейман

Что говорят о нас наши инвесторы?

«Эти ребята великолепны и создали невероятно полезный продукт, который было сложно построить. «(Дэвид Уикли)

Советники

Дэвид Уикли

Адам Рифкин

Джонатан Нельсон

Лаура Нельсон

Что говорят о нас наши консультанты?

«Джеймс и Петерис умны, прагматичны и трудолюбивы.Они также входят в число лучших экспертов по node.js. Их технологии являются передовыми, и их клиенты любят их ». (Адам Рифкин)

«Джеймс и Петерис — двое из самых удивительных разработчиков, которых я видел за долгое время. Они отгружают и отправляют, и отправляют, и отправляют». (Джонатан Нельсон)

ZeroDivisionError на / factory

 '8001' 

 ['74.63.210.208 ',
 '74 .63.210.209 ',
 '74 .63.210.210 ',
 '74 .63.210.211 ',
 '74 .63.210.212 ',
 '74 .63.210.213 ',
 '74 .63.210.214 ',
 '74 .63.210.215 ',
 '216.245.205.208',
 '216.245.205.209',
 '216.245.205.210',
 '216.245.205.211',
 '216.245.205.212',
 '216.245.205.213',
 '216.245.205.214',
 '216.245.205.215',
 '216.158.82.200',
 '216.158.82.201',
 '216.158.82.202',
 '216.158.82.203',
 '216.158.82.204',
 '216.158.82.205',
 '216.158.82.206',
 '216.158.82.207',
 '108.174.52.228',
 '96 .8.121.49 ',
 '96 .8.118.104 ',
 108.174.58.168 ',
 '108.174.51.134',
 '198.12.67.185',
 '96 .8.113.50 ',
 '63 .143.46.128 ',
 '63 .143.46.129 ',
 '63 .143.46. 130 ',
 '63 .143.46.131 ',
 '63 .143.46.132 ',
 '63 .143.46.133 ',
 '63 .143.46.134 ',
 '63 .143.46.135 ',
 '192.211.52.178',
 '192.211.52.193',
 '198.23.129.123',
 '198.23.129.125',
 '198.23.129.126',
 '75 .127.3.82 ',
 '198.23.139.250',
 '198.23.139.251',
 '96 .8.118.111 '] 

 Ложь 

 '/ var / www / browsershots.org '

 Ложь 

 "ru" 

 [',
 'myminicity.com',
 'myminicity.fr',
 'myminicity.es',
 'miniville.fr',
 'ville-virtuelle.com',
 'ucash.in',
 'to-6.net',
 'meine-nackte-ex.net',
 'meine-nackte-ex.cc.gd',
 'ex.cc.gd',
 'sexy-lena.com',
 'мой-ебаный-бывший.org ',
 'ratteb.com',
 'arabic-developers.com'] 

 (('Browsershots', '[email protected]'),) 

 '/usr/local/lib/python2.7/dist-packages' 

 500 

 'джанго.contrib.sessions.serializers.JSONSerializer '

 '' 

 (300, 60) 

 ['63 .143.46.66 '] 

 [',
 '80 .82.68.115 ',
 '87 .106.244.201 ',
 '89 .22.96.250 ',
 176.9.3.40 ',
 '176.9.166.141',
 '188.64.45.242'] 

 'www-данные' 

 'shotserver04' 

 () 

 Истинно 

 ('*',) 

 (5, 24) 

 'UA-939486-2' 

 '' 

 'авто' 

 '[Django]' 

 Ложь 

 ['текст /',
 'приложение / xml',
 'application / xhtml + xml',
 'приложение / rss + xml',
 'приложение / rdf + xml',
 "приложение / атом + xml"] 

 ('django. contrib.staticfiles.finders.FileSystemFinder ',
 'django.contrib.staticfiles.finders.AppDirectoriesFinder') 

 «по умолчанию» 

 Нет 

 'sessionid' 

 '/ файлы /' 

 () 

 ('% H:% M:% S', '% H:% M:% S.% f ','% H:% M ') 

 {'clipart': {'ATOMIC_REQUESTS': ложь,
             "АВТОКОММИТ": Верно,
             'CONN_MAX_AGE': 0,
             'ДВИГАТЕЛЬ': 'django.db.backends.mysql',
             "HOST": "192.168.3.13",
             'NAME': 'клипарт',
             'ОПЦИИ': {},
             'ПАРОЛЬ': u '********************',
             «ПОРТ»: «3306»,
             "TEST_CHARSET": нет,
             "TEST_COLLATION": нет,
             "TEST_MIRROR": нет,
             "TEST_NAME": нет,
             "TIME_ZONE": "США / Центральное время",
             'ПОЛЬЗОВАТЕЛЬ': 'вектор'},
 'color': {'ATOMIC_REQUESTS': Ложь,
           "АВТОКОММИТ": Верно,
           'CONN_MAX_AGE': 0,
           'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
           'HOST': 'localhost',
           'NAME': 'colorblender',
           'ОПЦИИ': {},
           'ПАРОЛЬ': u '********************',
           «ПОРТ»: «3306»,
           "TEST_CHARSET": нет,
           "TEST_COLLATION": нет,
           "TEST_MIRROR": нет,
           "TEST_NAME": нет,
           "TIME_ZONE": "США / Центральное время",
           'USER': 'colorblender'},
 'default': {'ATOMIC_REQUESTS': ложь,
             "АВТОКОММИТ": Верно,
             'CONN_MAX_AGE': 0,
             'ДВИГАТЕЛЬ': 'django. db.backends.postgresql_psycopg2 ',
             "HOST": "127.0.0.1",
             "ИМЯ": "shotserver04",
             'ОПЦИИ': {},
             'ПАРОЛЬ': u '********************',
             'ПОРТ': '6432',
             "TEST_CHARSET": нет,
             "TEST_COLLATION": нет,
             "TEST_MIRROR": нет,
             "TEST_NAME": нет,
             "TIME_ZONE": "США / Центральное время",
             'ПОЛЬЗОВАТЕЛЬ': 'www-data'},
 'domains': {'ATOMIC_REQUESTS': Ложь,
             "АВТОКОММИТ": Верно,
             'CONN_MAX_AGE': 0,
             'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
             "HOST": "192.168.3.1",
             "NAME": "домены",
             'ОПЦИИ': {},
             'ПАРОЛЬ': u '********************',
             «ПОРТ»: «3306»,
             "TEST_CHARSET": нет,
             "TEST_COLLATION": нет,
             "TEST_MIRROR": нет,
             "TEST_NAME": нет,
             "TIME_ZONE": "США / Центральное время",
             "ПОЛЬЗОВАТЕЛЬ": "домены"},
 'domains2': {'ATOMIC_REQUESTS': Ложь,
              "АВТОКОММИТ": Верно,
              'CONN_MAX_AGE': 0,
              'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
              'HOST': 'localhost',
              "NAME": "домены",
              'ОПЦИИ': {},
              'ПАРОЛЬ': u '********************',
              «ПОРТ»: «3306»,
              "TEST_CHARSET": нет,
              "TEST_COLLATION": нет,
              "TEST_MIRROR": нет,
              "TEST_NAME": нет,
              "TIME_ZONE": "США / Центральное время",
              "ПОЛЬЗОВАТЕЛЬ": "домены"},
 'финансы': {'ATOMIC_REQUESTS': ложь,
             "АВТОКОММИТ": Верно,
             'CONN_MAX_AGE': 0,
             'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
             'HOST': 'localhost',
             "НАЗВАНИЕ": "финансы",
             'ОПЦИИ': {},
             'ПАРОЛЬ': u '********************',
             «ПОРТ»: «3306»,
             "TEST_CHARSET": нет,
             "TEST_COLLATION": нет,
             "TEST_MIRROR": нет,
             "TEST_NAME": нет,
             "TIME_ZONE": "США / Центральное время",
             'ПОЛЬЗОВАТЕЛЬ': 'финансы'},
 'hrbot': {'ATOMIC_REQUESTS': ложь,
           "АВТОКОММИТ": Верно,
           'CONN_MAX_AGE': 0,
           'ДВИГАТЕЛЬ': 'django. db.backends.mysql ',
           'HOST': 'localhost',
           "ИМЯ": "hrbot",
           'ОПЦИИ': {},
           'ПАРОЛЬ': u '********************',
           «ПОРТ»: «3306»,
           "TEST_CHARSET": нет,
           "TEST_COLLATION": нет,
           "TEST_MIRROR": нет,
           "TEST_NAME": нет,
           "TIME_ZONE": "США / Центральное время",
           "ПОЛЬЗОВАТЕЛЬ": "hrbot"},
 'icons': {'ATOMIC_REQUESTS': Ложь,
           "АВТОКОММИТ": Верно,
           'CONN_MAX_AGE': 0,
           'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
           "HOST": "192.168.3.5",
           'NAME': 'значки',
           'ОПЦИИ': {},
           'ПАРОЛЬ': u '********************',
           «ПОРТ»: «3306»,
           "TEST_CHARSET": нет,
           "TEST_COLLATION": нет,
           "TEST_MIRROR": нет,
           "TEST_NAME": нет,
           "TIME_ZONE": "США / Центральное время",
           'ПОЛЬЗОВАТЕЛЬ': 'значки'},
 'image': {'ATOMIC_REQUESTS': Ложь,
           "АВТОКОММИТ": Верно,
           'CONN_MAX_AGE': 0,
           'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
           "HOST": "192.168.3.1",
           'NAME': 'изображение',
           'ОПЦИИ': {},
           'ПАРОЛЬ': u '********************',
           «ПОРТ»: «3306»,
           "TEST_CHARSET": нет,
           "TEST_COLLATION": нет,
           "TEST_MIRROR": нет,
           "TEST_NAME": нет,
           "TIME_ZONE": "США / Центральное время",
           'ПОЛЬЗОВАТЕЛЬ': 'изображение'},
 'photo': {'ATOMIC_REQUESTS': ложь,
           "АВТОКОММИТ": Верно,
           'CONN_MAX_AGE': 0,
           'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
           "HOST": "192.168.3.6",
           "ИМЯ": "фото",
           'ОПЦИИ': {},
           'ПАРОЛЬ': u '********************',
           «ПОРТ»: «3306»,
           "TEST_CHARSET": нет,
           "TEST_COLLATION": нет,
           "TEST_MIRROR": нет,
           "TEST_NAME": нет,
           "TIME_ZONE": "США / Центральное время",
           'ПОЛЬЗОВАТЕЛЬ': 'фото'},
 'sitebot': {'ATOMIC_REQUESTS': ложь,
             "АВТОКОММИТ": Верно,
             'CONN_MAX_AGE': 0,
             'ДВИГАТЕЛЬ': 'django. db.backends.mysql ',
             'HOST': 'localhost',
             'NAME': 'sitebot',
             'ОПЦИИ': {},
             'ПАРОЛЬ': u '********************',
             «ПОРТ»: «3306»,
             "TEST_CHARSET": нет,
             "TEST_COLLATION": нет,
             "TEST_MIRROR": нет,
             "TEST_NAME": нет,
             "TIME_ZONE": "США / Центральное время",
             'ПОЛЬЗОВАТЕЛЬ': 'sitebot'},
 'vector': {'ATOMIC_REQUESTS': False,
            "АВТОКОММИТ": Верно,
            'CONN_MAX_AGE': 0,
            'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
            "HOST": "192.168.3.7",
            'NAME': 'вектор',
            'ОПЦИИ': {},
            'ПАРОЛЬ': u '********************',
            «ПОРТ»: «3306»,
            "TEST_CHARSET": нет,
            "TEST_COLLATION": нет,
            "TEST_MIRROR": нет,
            "TEST_NAME": нет,
            "TIME_ZONE": "США / Центральное время",
            'ПОЛЬЗОВАТЕЛЬ': 'вектор'},
 'vectorme': {'ATOMIC_REQUESTS': Ложь,
              "АВТОКОММИТ": Верно,
              'CONN_MAX_AGE': 0,
              'ДВИГАТЕЛЬ': 'django.db.backends.mysql ',
              "HOST": "192.168.3.8",
              'NAME': 'вектор',
              'ОПЦИИ': {},
              'ПАРОЛЬ': u '********************',
              «ПОРТ»: «3306»,
              "TEST_CHARSET": нет,
              "TEST_COLLATION": нет,
              "TEST_MIRROR": нет,
              "TEST_NAME": нет,
              "TIME_ZONE": "США / Центральное время",
              'ПОЛЬЗОВАТЕЛЬ': 'вектор'}} 

 Истинно 

 Нет 

 ('django.core.files.uploadhandler.MemoryFileUploadHandler ',
 'django.core.files.uploadhandler.TemporaryFileUploadHandler') 

 ('django. core.context_processors.debug',
 'django.core.context_processors.i18n',
 'django.core.context_processors.media',
 'django.contrib.messages.context_processors.messages',
 'shotserver04.common.context_processors.http_request') 

 'текст / html' 

 'wn7' 

 'джанго.test.runner.DiscoverRunner '

 'browsershots.org' 

 [',
 "10minutemail.com",
 'binkmail.com',
 'chogmail.com',
 'devnullmail.com',
 'dispostable.com',
 'dodgit.com',
 'frapmail.com',
 'guerrillamailblock.com',
 'jetable.net',
 'kurzepost.de',
 'mailcatch.com',
 'mailexpire.com',
 'mailinator.com',
 'mintemail.com',
 'mytrashmail.com ',
 'obobbo.com',
 'objectmail.com',
 'owlpic.com',
 'proxymail.eu',
 'putthisinyourspamdatabase.com',
 'rcpt.at',
 'sentpamhere.com',
 'spam.la',
 'spambox.us',
 'spamex.com',
 'spamfree24.com',
 'spamfree24.de',
 'spamfree24.eu',
 'spamfree24.info',
 'spamfree24.org',
 'spamhereplease.com',
 'spamherelots.com',
 'spammotel.com',
 'spamspot.com',
 'spamthisplease.com',
 'spamgourmet.com',
 'tempemail.net',
 'thisisnotmyrealemail.com',
 'trash3009.com',
 'trash-mail.at',
 'trash-mail.com',
 'мусорная почта.в',
 'trashmail.me',
 'trashmail.net',
 'uggsrock.com',
 'wegwerfmail.de',
 'wegwerfmail.net',
 'wegwerfmail.org'] 

 (-10, 10) 

 Ложь 

 5 

 ['shotserver04.webadmin.db_routers. MainAppRouter '] 

 'http://browsershots.org/' 

 u '********************' 

 Истинно 

 F Y 

 'джанго.contrib.staticfiles.storage.StaticFilesStorage '

 {'default': {'BACKEND': 'shotserver04.common.cache.memcached.CustomMemcachedCache',
             "МЕСТОПОЛОЖЕНИЕ": "127.0.0.1:11211"}} 

 Ложь 

 'Browsershots ' 

 '/' 

 'http: // browsershots.org '

 '6432' 

 'shotserver04.urls' 

 (100, 300, 5000) 

 Ложь 

 ('shotserver04.common.middleware.RedirectMiddleware ',
 'django.middleware.common.CommonMiddleware',
 'django.contrib.sessions.middleware.SessionMiddleware',
 'django.middleware.locale.LocaleMiddleware',
 'django.middleware.csrf.CsrfViewMiddleware',
 'django.contrib.auth.middleware.AuthenticationMiddleware',
 'django.middleware.doc.XViewMiddleware',
 'django. middleware.transaction.TransactionMiddleware',
 'shotserver04.common.middleware.OriginMiddleware',
 'shotserver04.common.middleware.Main maintenanceModeMiddleware',
 Собачье медление.WatchdogMiddleware ') 

 '/ tmpfs / browser' 

 ',' 

 u '********************' 

 "django_language" 

 15 

 '' 

 'лог.база данных '

 Ложь 

 'django.utils.log.dictConfig' 

 'django.core.signing.TimestampSigner' 

 '6001' 

 ('django.template.loaders.filesystem.Loader ',
 'django.template.loaders.app_directories.Loader') 

 0 

 Нет 

 Истинно 

 «САМЕОРИГИН» 

 "csrftoken" 

 Нет 

 {'api': '192. 168.3.3 ',
 'браузер': '127.0.0.1',
 'клипарт': '192.168.3.13',
 'clipartme': '192.168.3.12',
 'colorblender': '192.168.3.2',
 'domains': '192.168.3.1',
 'graphicme': '192.168.3.12',
 'icons': '192.168.3.5',
 'изображение': '192.168.3.1',
 'imageme': '192.168.3.12',
 'фото': '192.168.3.6',
 'вектор': '192.168.3.7',
 'vectorme': '192.168.3.8'} 

 Ложь 

 '/ home / jackie / browser / shotserver / shotserver04 / accounts / fonts' 

 'UTF-8' 

 Ложь 

 Ложь 

 "вектор" 

 Нет 

 u '********************' 

 'UTF-8' 

 Истинно 

 ('fontastic', 'photo', 'wn7') 

 ('192.168.1.5 ',
 '192.168.1.6',
 '192.168.1.7',
 '192.168.1.100',
 '192.168.1.101',
 '127.0.0.1') 

 'django.core.files.storage.FileSystemStorage' 

 ('django.contrib.auth',
 'django.contrib.sites',
 'django.contrib.contenttypes',
 'django.contrib.humanize',
 'django.contrib.sessions',
 'django.contrib.admin',
 'django. contrib.Admindocs ',
 'shotserver04.start',
 'shotserver04.accounts',
 'shotserver04.advertise',
 'shotserver04.browsers',
 'shotserver04.common',
 'shotserver04.factories',
 'shotserver04.features',
 'shotserver04.messages',
 'shotserver04.nonces',
 'shotserver04.platforms',
 'shotserver04.redirect',
 'shotserver04.requests',
 'shotserver04.screenshots',
 'shotserver04.sponsors',
 'shotserver04.websites',
 'shotserver04.xmlrpc',
 'shotserver04.paypal',
 'shotserver04.priority',
 'shotserver04.revenue',
 'shotserver04.счета-фактуры »,
 'shotserver04.currencies',
 'shotserver04.showcase',
 'shotserver04.partner',
 'shotserver04.translate',
 'shotserver04.webadmin') 

 (он, ар, фа, ур) 

 '/usr/local/lib/python2.7/dist-packages/shotserver04' 

 Ложь 

 3600 

 ['74.63.210.208 / 29 ',
 '216.245.205.208/29',
 '216.158.82.200/29',
 '108.174.52.228/32',
 '96 .8.121.49 / 32 ',
 '96 .8.118.104 / 32 ',
 '108.174.58.168/32',
 '108.174.51.134/32',
 '198.12.67.185/32',
 '96 .8.113.50 / 32 ',
 '63 .143.46.128 / 29 ',
 '192.211.52.178/32',
 '192.211.52.193/32',
 '198.23.129.123/32',
 '198.23.129.125/32',
 '198.23.129.126/32',
 '75 .127.3.82 / 32 ',
 '198.23.139.250/32',
 '198.23.139.251/32',
 '96 .8.118.111 / 32 '] 

 ('/ home / jackie / browser / shotserver / shotserver04 / static',
 '/ usr / local / lib / python2.7 / dist-packages / shotserver04 / static ') 

 Ложь 

 Нет 

 5 

 Истинно 

 '' 

 Ложь 

 («один», «два», «три», «ноутбук») 

 u '********************' 

 '/ главная / джеки / браузер / шотсервер / шотсервер04' 

 Истинно 

 «ПРЕДУПРЕЖДЕНИЕ» 

 'F j' 

 '/ accounts / signin' 

 '/ files / browsershots / log' 

 ('google', 'yahoo', 'microsoft', 'yandex', 'baidu') 

 'авто' 

 u '********************' 

 "П" 

 '/ wn7 / d1 / browsershots. org / cache '

 0 

 'авториз. Пользователь' 

 ('% Y-% m-% d',
 '% m /% d /% Y',
 '% m /% d /% y',
 '% b% d% Y',
 '% b% d,% Y',
 '% d% b% Y',
 '% d% b,% Y',
 '% B% d% Y',
 '% B% d,% Y',
 '% d% B% Y',
 '% d% B,% Y') 

 ('django.contrib.auth.backends.ModelBackend ',) 

 u '********************' 

 [('findicons.com', 'FindIcons.com'), ('vector.me', 'Vector.me')] 

 ('браузер', 'ln1') 

 счетов.Профиль пользователя '

 Нет 

 «по умолчанию» 

 Ложь 

 u '********************' 

 Истинно 

 'Browsershots  '

 "[email protected]" 

 'django.contrib.sessions.backends.cached_db' 

 29,95 

 'django. views.csrf.csrf_failure' 

 '/' 

 '/ аккаунтов / профиль /' 

 '.'

 u '********************' 

 '#FFFFFF' 

 (50, 200, 3000) 

 ('/usr/local/lib/python2.7/dist-packages/shotserver04/locale',) 

 Ложь 

 '' 

 'джанго.contrib.messages.storage.fallback.FallbackStorage '

 (5, 10) 

 '/ главная / джеки / браузер / шотсервер' 

 '/ accounts / logout /' 

 Ложь 

 {'1': ('216.158.67.74 ',' 192.168.3.1 '),
 '10': ('216.158.67.122', '192.168.3.10'),
 '11': ('216.158.67.106', '192.168.3.11'),
 '2': ('216.158.67.82', '192.168.3.2'),
 '3': ('216.158.67.98', '192.168.3.3'),
 '5': ('216.158.67.90', '192.168.3.5'),
 '6': ('216.158.67.66', '192.168.3.6'),
 '7': ('216.158.67.138', '192.168.3.7'),
 '8': ('216.158.67.130', '192.168.3.28'),
 '9': ('216.158.67.114', '192.168.3.9')} 

 '# 000000' 

 '127. 0.0.1 '

 'N j, Y' 

 [',
 '0.0.0.0/8',
 '10 .0.0.0 / 8 ',
 '14 .0.0.0 / 8 ',
 '127.0.0.0/8',
 '128.0.0.0/16',
 '169.254.0.0/16',
 '172.16.0.0/12',
 '191.255.0.0/16',
 '192.0.0.0/24',
 '192.0.2.0/24',
 '192.88.99.0/24',
 '192.168.0.0/16',
 '198.18.0.0/15',
 '223.255.255.0/24',
 '224.0.0.0/4',
 '240.0.0.0/4',
 "255.255.255.255"] 

 '/ files / browsershots' 

 u '********************' 

 'джанго.views.debug.SafeExceptionReporterFilter '

 (('Browsershots', '[email protected]'),) 

 Нет 

 'Browsershots ' 

 Ложь 

 u '********************' 

 (5, 24) 

 'N j, Y, P' 

 ('/ usr / local / lib / python2.7 / dist-packages / shotserver04 / templates ',) 

 «Gunicorn» 

 1 

 () 

 () 

 Истинно 

 ['216. 158.67.80 ',
 '216.158.67.81',
 '216.158.67.82',
 '216.158.67.83',
 '216.158.67.84',
 '216.158.67.85',
 '216.158.67.86',
 '216.158.67.87',
 '216.158.67.96',
 '216.158.67.97',
 '216.158.67.98',
 '216.158.67.99',
 '216.158.67.100',
 '216.158.67.101',
 '216.158.67.102',
 '216.158.67.103',
 '216.158.67.72',
 '216.158.67.73',
 '216.158.67.74',
 '216.158.67.75',
 '216.158.67.76',
 '216.158.67.77',
 '216.158.67.78',
 '216.158.67.79',
 '216.158.67.64',
 '216.158.67.65',
 '216.158.67.66',
 '216.158.67.67',
 216.158,67,68 ',
 '216.158.67.69',
 '216.158.67.70',
 '216.158.67.71',
 '216.158.67.136',
 '216.158.67.137',
 '216.158.67.138',
 '216.158.67.139',
 '216.158.67.140',
 '216.158.67.141',
 '216.158.67.142',
 '216.158.67.143',
 '216.158.67.88',
 '216.158.67.89',
 '216.158.67.90',
 '216.158.67.91',
 '216.158.67.92',
 '216.158.67.93',
 '216.158.67.94',
 '216.158.67.95',
 '216.158.67.120',
 '216.158.67.121',
 '216.158.67.122',
 '216.158.67.123',
 '216.158.67.124',
 '216.158.67.125',
 '216.158.67.126',
 216.158.67.127 ',
 '216.158.67.128',
 '216.158.67.129',
 '216.158.67.130',
 '216.158.67.131',
 '216.158.67.132',
 '216.158.67.133',
 '216.158.67.134',
 '216.158.67.135',
 '216.158.67.112',
 '216.158.67.113',
 '216.158.67.114',
 '216.158.67.115',
 '216.158.67.116',
 '216.158.67.117',
 '216.158.67.118',
 '216.158.67.119',
 '216.158.67.104',
 '216.158.67.105',
 '216.158.67.106',
 '216.158.67.107',
 '216.158.67.108',
 '216.158.67.109',
 '216.158.67.110',
 '216.158.67.111'] 

 {'disable_existing_loggers': ложь,
 'фильтры': {'require_debug_false': {'()': 'django.utils.log.RequireDebugFalse '}},
 'handlers': {'log_to_database': {'class': 'shotserver04.webadmin.log_handlers.LogToDatabase',
                                  'фильтры': [],
                                  'level': 'DEBUG'},
              'mail_admins': {'класс': 'django.utils.log.AdminEmailHandler',
                              'фильтры': ['require_debug_false'],
                              'level': 'ERROR'}},
 'loggers': {'django. request': {'handlers': [],
                                'уровень': 'ОШИБКА',
                                'распространять': Истина},
             'бревно.база данных ': {' обработчики ': [' log_to_database '],
                              'level': 'DEBUG',
                              'распространять': Ложь}},
 'версия': 1} 

 '/usr/local/lib/python2.7/dist-packages/shotserver04' 

 '' 

 u '********************' 

 '/ wn7 / d1 / browsershots.org / png '

 «ОТЛАДКА» 

 u '********************' 

 "127.0.0.1" 

 Истинно 

 м / д / год 

 () 

 «США / Центральная часть» 

 2621440 

 u '********************' 

 (10, 100, 1000) 

 (50, 60) 

 'джанго.core.mail.backends.smtp.EmailBackend '

 Ложь 

 {'wn1': ('216. 158.67.72/29',),
 'wn10': ('216.158.67.122/29',),
 'wn11': ('216.158.67.106/29',),
 'wn2': ('216.158.67.80/29',),
 'wn3': ('216.158.67.98/29',),
 'wn5': ('216.158.67.90/29',),
 'wn6': ('216.158.67.66/29',),
 'wn7': ('216.158.67.138/29',),
 'wn8': ('216.158.67.130/29 ',),
 'wn9': ('216.158.67.114/29',)} 

 '' 

 ('% Y-% m-% d% H:% M:% S',
 '% Y-% m-% d% H:% M:% S.% f',
 '% Y-% m-% d% H:% M',
 '% Y-% m-% d',
 '% m /% d /% Y% H:% M:% S',
 '% m /% d /% Y% H:% M:% S.% f',
 '% m /% d /% Y% H:% M',
 '% m /% d /% Y',
 '% m /% d /% y% H:% M:% S',
 '% m /% d /% y% H:% M:% S.% f',
 '% m /% d /% y% H:% M',
 '% m /% d /% y') 

 'info @ browsershots.org '

 "127.0.0.1" 

 "Browsershots" 

 [', '81 .99.95.30'] 

 1209600 

 'shotserver04.настройки '

 180 

 Ложь 

 (15, 30, 60) 

 (('bg', u '\ u0411 \ u044a \ u043b \ u0433 \ u0430 \ u0440 \ u0441 \ u043a \ u0438'),
 ('ca', u'Catal \ xe0 '),
 ('да', у'Данск '),
 ('de', u'Deutsch '),
 ('эль', u'E \ u03bb \ u03bb \ u03b7 \ u03bd \ u03b9 \ u03ba \ u03ac '),
 ('en-gb', u'английский (Великобритания) '),
 ('en', u'английский (США) '),
 ('es', u'Espa \ xf1ol '),
 ('фи', у'Суоми '),
 ('fr', u'Fran \ xe7ais '),
 ('hr', u'Hrvatski '),
 ('ху', у'Мадьяр '),
 ('id', u'Indonesia '),
 ('это', u'Italiano '),
 ('lt', u'Lietuvi \ u0173 '),
 ('nl', u'Nederlands '),
 ('pl', u'Polski '),
 ('pt', u'Portugu \ xeas '),
 ('pt-br', u'Portugu \ xeas (Brasil) '),
 ('ro', u'Rom \ xe2n \ u0103 '),
 ('ru', u '\ u0420 \ u0443 \ u0441 \ u0441 \ u043a \ u0438 \ u0439'),
 ('ск', у'Словенск \ xfd '),
 ('th', u '\ u0e20 \ u0e32 \ u0e29 \ u0e32 \ u0e44 \ u0e17 \ u0e22'),
 ('uk', u '\ u0423 \ u043a \ u0440 \ u0430 \ u0457 \ u043d \ u0441 \ u044c \ u043a \ u0430'),
 ('zh-cn', u '\ u4e2d \ u6587 (\ u7b80 \ u4f53)'),
 ('zh-tw', u '\ u4e2d \ u6587 (\ u7e41 \ u4f53)')) 

 Нет 

 () 

 '/ статический /' 

 'pgsql' 

 25 

 Истинно 

 Ложь 

 'м / д / г П' 

 1 

 u '********************' 

 {} 

 '18' 

 600 

 '127. 0.0.1 '

 '' 

 u '********************' 

 (5, 24) 

 'http://api.browsershots.org/' 

 'http: // api.browsershots.org/png/ '

 Истинно 

 u '********************' 

Документация — Browsershots

Компоненты системы

Система Browsershots состоит из центрального сервера и большого количества распределенных фабрик скриншотов.

ShotServer : Центральный сервер — это мощный веб-сервер.Он имеет веб-интерфейс, который состоит из пользовательского интерфейса и области конфигурации. Сервер управляет запросами снимков экрана, загруженными снимками экрана и конфигурацией фабрик.

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

Жизненный цикл запроса снимка экрана

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

FactoryInterface : Фабрики снимков экрана регулярно опрашивают сервер на предмет запросов, соответствующих их конфигурации.Если соответствующий запрос скриншота найден, фабрика загружает запрошенную страницу в запрошенный браузер и делает скриншоты из нее.
Если страница длиннее одного экрана, несколько снимков экрана будут объединены, чтобы получить высокое изображение всей страницы. Наконец, снимок экрана сжимается как файл PNG и загружается на центральный сервер.

Через несколько минут после отправки запросов снимков экрана пользователи могут увидеть результаты в своем браузере на веб-интерфейсе центрального сервера.

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

Центральный сервер — это веб-сервер с большой толстой трубкой.

Фабрики снимков экрана — это простые рабочие станции с дешевым широкополосным доступом в Интернет (например, DSL или кабельное телевидение). Они общаются с сервером посредством XML-RPC (удаленного вызова процедур).
Это отлично работает с брандмауэрами и прокси, потому что это похоже на обычный веб-серфинг (за исключением частоты и размера загрузки файлов).

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

Конечная точка XML-RPC находится по адресу http://api.browsershots.org/xmlrpc/. Документация по API доступна по тому же URL-адресу, просто откройте его в своем браузере.

Шаг 0: Аутентификация

Получите вызов от сервера и зашифруйте свой пароль для каждого запроса API.

http://api.browsershots.org/xmlrpc/nonces.challenge/

Шаг 1. Получите запрос на скриншот

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

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

Шаг 2. Сделайте снимок экрана

Настройте экран в соответствии с параметрами запроса, например разрешение и глубина цвета.

Создайте URL-адрес перенаправления:

1. http: // api_server_name / redirect / factory_name / encrypted_password / request_id /
2. http: // имя_сервера api / перенаправление / имя_фабрики / зашифрованный_пароль / идентификатор_запроса /

Запустите браузер с URL-адресом перенаправления.Центральный сервер сохранит заголовок User-Agent вашего браузера, а затем перенаправит браузер на URL-адрес задания, используя код состояния «302 Found».

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

При желании прокрутите вниз, сделайте больше снимков экрана и объедините снимки экрана в высокое изображение.

Шаг 3. Загрузите файл PNG

Сделайте файл PNG из скриншота.Закодируйте его в base64 и отправьте на сервер.

http://api.browsershots.org/xmlrpc/screenshots.upload/

Центральный сервер проверит работоспособность вашей заявки, затем сделает изображения меньшего размера и сохранит файлы PNG на диске. Пользователи могут увидеть свои скриншоты по следующему URL-адресу: http://browsershots.org/screenshots/

Теперь вы можете вернуться к шагу 1 и проверить наличие других заданий.

Если вы не хотите создавать слишком большую нагрузку на свой хост, вы можете подождать, пока средняя загрузка процессора не упадет ниже некоторого предела.В Linux это можно сделать, отслеживая / proc / loadavg, пока первое число не станет ниже 1.0 или что-то в этом роде.

204

Нет запроса на совпадение.

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

Все активные браузеры на ??? временно заблокированы из-за ошибок.

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

401

Ошибка аутентификации (другой IP-адрес)

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

404

На заводе не зарегистрированы активные браузеры ???.

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

Неизвестный пользовательский агент:…

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

406

Браузер не посетил запрошенный веб-сайт.

На самом деле браузер не посещал адрес перенаправления на сервере Browsershots. Возможно, запущен другой экземпляр этого браузера, и загруженный снимок экрана содержит сообщение об ошибке.Или, возможно, вашему браузеру не хватило времени для запуска и загрузки запрошенной страницы, поэтому вы можете попробовать увеличить значение параметра —wait (по умолчанию 30 секунд).

408

Ошибка аутентификации (срок действия nonce истек).

Задержка между вызовом XML-RPC для nonces.challenge и последующим вызовом API составила более 10 минут. Возможно, ваша фабрика скриншотов слишком занята другой работой (например, обновлением программного обеспечения) или ваше интернет-соединение слишком медленное.

409

Запрошенная версия браузера?.? но попал?.?.

Ваша фабрика скриншотов запустила неправильный браузер для этого запроса снимка экрана. Посетите страницу регистрации браузера в каждом браузере и введите правильное имя файла в поле Команда .

Запрос ??? не был заблокирован.

Ваша фабрика скриншотов попыталась загрузить снимок экрана для запроса, который не был заблокирован.Блокировка должна происходить во время вызова request.poll. Вероятно, это ошибка программирования в сценарии shotfactory или на сервере.

412

Скриншот есть ??? пикселей в ширину, нет ??? как просили.

Убедитесь, что у вас есть reschangecon. exe (в Windows) или cscreen (в Mac OS) для настройки разрешения экрана.
Или, если запрошенное разрешение экрана не поддерживается на вашем заводе, вы можете удалить его на заводской странице (вы должны войти в систему, чтобы увидеть кнопки).

413

Снимок экрана слишком высокий (более чем в 4 раза больше ширины).

Чрезвычайно высокие снимки экрана нарушают макет страницы на browsershots.org и занимают много дискового пространства на сервере без особой пользы. Уменьшите разрешение экрана по вертикали или значение параметра —max-pages (по умолчанию 7).

414

Снимок экрана слишком короткий (менее половины ширины).

Если разрешение вашего экрана действительно больше 2: 1, напишите по адресу [email protected], чтобы я мог изменить предел.

415

Не удалось декодировать загруженный файл PNG (хэш-ключ ???).

Ваша фабрика скриншотов загрузила файл PNG, который не может быть декодирован. Пожалуйста, напишите на [email protected] с подробной информацией об установке вашего программного обеспечения (e.грамм. операционная система, установленная версия NetPBM).

423

Запрос ??? был заблокирован заводом ???.

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

503

Сервер сейчас перегружен.Пожалуйста, попробуйте еще раз через минуту.

Если средняя загрузка сервера (из / proc / loadavg) превышает 10, некоторые вызовы request. poll будут случайным образом отклоняться, чтобы снизить нагрузку на сервер. Если нагрузка возрастет, другие опросы будут отклонены. Фабрика снимков экрана должна заснуть на минуту, а затем снова попытаться запросить запрос снимка экрана.

601

Internet Explorer обнаружил проблему

Эта проблема возникает из-за того, что на вашем компьютере установлен один из следующих вспомогательных объектов браузера (BHO): Buyersport, Morpheus, Morpheus Shopping Club, WURLD Shopping Community.Кроме того, вы вошли в систему с ограниченной учетной записью. BHO пытается изменить определенные системные файлы и записи реестра Windows, для доступа к которым требуются учетные данные администратора. В результате, когда BHO не может получить доступ к этим файлам и записям реестра, Internet Explorer внезапно останавливается. Чтобы решить эту проблему, удалите BHO со своего компьютера. Дополнительную информацию можно найти в базе знаний Microsoft.

602

Отправить отчет об ошибке

Браузер, обрабатывающий текущий запрос снимка экрана, дал сбой, и в системных настройках Windows включен отчет об ошибках приложения.Чтобы устранить эту ошибку, либо отключите отчет об ошибках приложений («Свойства системы», «Дополнительно»), либо, что еще лучше, выясните, почему произошел сбой браузера при попытке загрузить запрашиваемый веб-сайт.

603

Мало виртуальной памяти

В вашей системе недостаточно свободной оперативной памяти для продолжения обслуживания. Это происходит, когда система перегружена или при выполнении внешних программ, таких как веб-сервер, во время работы shotfactory.Для начала попробуйте перезапустить операционную систему, чтобы освободить неиспользуемую память. Если проблема не решена, запустите Диспетчер задач (Ctrl-Shift-Esc) и держите его в свернутом состоянии. После того, как ошибка возникла в следующий раз, откройте диспетчер задач, посмотрите вкладку «Процессы» и, таким образом, выясните, какая программа потребляет больше всего памяти.

631

Установить языковой пакет

Запрошенный веб-сайт содержит символы, которые невозможно отобразить с установленными языковыми пакетами.Обычно это приводит к тому, что Internet Explorer отображает диалоговое окно с запросом на установку дополнительных кодовых страниц по запросу. Необходимые пакеты часто бывают китайскими, японскими и другими восточными языковыми пакетами. После установки дополнительного пакета обязательно перезапустите браузер, чтобы завершить настройку. Иногда требуется перезапуск даже всей операционной системы. Примечание: для установки языковых пакетов требуются права администратора. Firefox не отображает диалоговое окно с запросом настройки по требованию, а показывает только поля, содержащие шестнадцатеричные значения Unicode для недоступных знаков.Хороший веб-сайт для проверки правильности отображения восточных знаков — это Toshiba.

651

Вы запросили зашифрованную страницу

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

652

Безопасное соединение

Это не предупреждение, а скорее сообщение о том, что запрашиваемый в данный момент веб-сайт использует безопасный протокол SSL. Обязательно отключите такие сообщения в настройках Интернета в Internet Explorer, чтобы скрыть их из сделанных снимков экрана.

671

Ожидание http

Это сообщение указывает на то, что страницу не удалось загрузить за указанное время ожидания.Чтобы решить эту проблему, сначала попробуйте открыть URL-адрес в обычном браузере на настольном компьютере. Подождите 30 секунд или даже дольше. Если страница загружается, увеличьте время ожидания в shotfactory (параметр -w). Если он не загружается, попробуйте открыть любой веб-сайт на компьютере shotfactory. Если это работает, веб-сервер запрошенного веб-сайта недоступен, и вы не можете ничего сделать с сообщением об ошибке, поскольку администратор веб-сервера несет ответственность. Если вы не можете открыть какую-либо страницу на своем компьютере Shotfactory, значит, там произошла ошибка подключения к Интернету.

681

Больше не показывать это предупреждение

Несколько диалоговых сообщений и предупреждений содержат флажок, позволяющий скрыть такие сообщения в будущем. Установите флажок один раз, чтобы удалить диалоговые окна. Это сообщение также отображается в Internet Explorer, если вы установите для приема файлов cookie значение «Подтвердить» вместо «Принять» или «Заблокировать».

692

Корзина

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

693

Задержка опроса сервера

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

701

Экран пустой

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

702

Левая часть экрана пуста

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

703

Правая часть экрана пуста

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

704

Нижняя часть экрана пуста

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

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

811

Это не запрашиваемый браузер. / Это не ???.

Пользователь сообщил об ошибке, сообщающей вам, что снимок экрана не содержит браузер, запрошенный для этого снимка экрана. Обычно относится либо к неправильным записям в разделе «Зарегистрированные браузеры для этой фабрики», либо к неправильным программным путям / вызовам exe.

811

Это не запрашиваемый браузер. / Это не ???.

Пользователь сообщил об ошибке, сообщающей вам, что снимок экрана не содержит браузер, запрошенный для этого снимка экрана. Обычно относится либо к неправильным записям в разделе «Зарегистрированные браузеры для этой фабрики», либо к неправильным программным путям / вызовам exe.

812

Это не запрошенная операционная система./ Это не ???.

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

821

Это не запрошенная версия Javascript. / Javascript нет?.?.

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

Как ваш сайт выглядит в других браузерах

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

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

BrowserStack

Доступные браузеры / ОС: (Chrome, Firefox, Internet Explorer и Safari) / (Mac, Windows)

Мобильное тестирование: Mobile Safari / Android Browser / Opera Mobile с исходными конфигурациями устройств

Тип тестирования: Live-тестирование на удаленных серверах, подключенных через защищенный туннель.

Приложение: на базе веб-браузера

Лицензия: 30-минутная пробная версия / различные платные планы

URL: www.browserstack.com

BrowserStack — это кроссбраузерная платформа для облачного тестирования, которая позволяет напрямую подключаться к удаленным веб-браузерам через безопасное соединение SSH. Сеансы тестирования проводятся в реальном времени и включают множество полезных инструментов для разработчиков. Вы можете протестировать свой веб-сайт в нескольких браузерах, работающих на Mac или Windows. После регистрации и входа в свою учетную запись BrowserStack вы сможете выбирать из различных версий Chrome, Firefox, Internet Explorer и Safari. Приложение также предоставляет мобильные браузеры для тестирования ваших веб-сайтов на мобильных устройствах.Эмуляторы мобильных устройств имеют оригинальные конфигурации устройств, поэтому вы получаете реалистичную среду тестирования мобильных устройств. Доступные мобильные браузеры включают Mobile Safari, Android Browser или Opera Mobile для ряда популярных мобильных устройств, включая iPad, iPhone и несколько телефонов и планшетов Android. BrowserStack предлагает бесплатный 30-минутный пробный период, после которого вам необходимо переключиться на любой из доступных платных планов.

Кроссбраузерное тестирование

Доступные браузеры / ОС: Доступно более 1000 комбинаций браузера / ОС / устройства

Тип тестирования: Живое тестирование и автоматические снимки экрана

Приложение: На основе веб-браузера

Лицензия: 7-дневная бесплатная пробная версия / Различные платные планы

URL: crossbrowsertesting. com

Cross Browser Testing предлагает полный набор инструментов тестирования браузеров как для компьютеров, так и для мобильных устройств. Благодаря более чем 1000 комбинаций браузера / ОС, эта услуга позволяет вам тестировать свои веб-сайты практически на чем угодно, с разными настройками разрешения. Он предлагает различные инструменты для тестирования функциональности ваших сайтов, включая тестирование AJAX, HTML-форм, JavaScript и Flash во время сеансов в реальном времени. Вы также можете проверить макет своих веб-сайтов, отображаемый в разных браузерах, с помощью снимков экрана, которые создаются автоматически.Вы также можете сравнить макеты в разных браузерах. Кроссбраузерное тестирование также позволяет тестировать свои веб-сайты и файлы локально через прокси-сервер. Он также включает тестирование мобильного браузера для iPhone, iPad, Android и Blackberry. Есть также набор инструментов отладки, которые помогут вам в ваших тестах, а также мониторы для анализа сетевого трафика. В отличие от BrowserStack, это приложение позволяет вам персонализировать настройки конфигурации браузеров в соответствии с вашими требованиями к тестированию. Кроссбраузерное тестирование предлагает 7-дневный пробный период вместе с тремя предложенными платными планами.

Browserling

Доступные браузеры / ОС: Доступны Internet Explorer, Safari, Chrome, Firefox и Opera.

Тип тестирования: Интерактивное тестирование в реальном времени

Приложение: На основе веб-браузера

Лицензия: Бесплатно / платно

URL: browserling.com

Браузер — это небольшая и легкая платформа для тестирования браузера с поддержка популярных браузеров, таких как IE, Chrome, Firefox, Safari и Opera.Что делает Browserling примечательным, так это наличие бесплатного плана для случайного тестирования. Бесплатный план дает вам неограниченное количество пятиминутных сеансов тестирования. Он не поставляется с какими-либо инструментами для тестирования или отладки и может использоваться только для предварительного просмотра веб-сайтов в разных браузерах. Однако его дочерний сайт Testling позволяет запускать тесты JavaScript и обнаруживать ошибки перед их развертыванием. Browserling также предлагает два дополнительных платных плана для безопасного туннелирования вашего браузера через SSH. Платные пользователи получают неограниченное количество сеансов в браузере и дополнительную безопасность.Выделенный план также поддерживает взаимодействие браузера с рабочим столом, что полезно для тестирования плагинов, загрузки файлов и т. Д.

BrowserShots

Доступные браузеры / ОС: Различные браузеры / Linux, Windows, Mac и BSD

Тип тестирования : Снимок экрана

Приложение: На основе веб-браузера

Лицензия: Открытый исходный код / ​​бесплатно

URL: browsershots.org

BrowserShots берет URL-адреса ваших веб-сайтов и отображает скриншоты страницы, как показано на разные веб-браузеры в разных операционных системах.Браузер и операционную систему можно выбрать во время отправки URL. Это сеть распределенных компьютеров с различными браузерами, которые загружают ваш URL-адрес, делают снимки экрана страницы и загружают их на сервер BrowserShots, где вы можете их увидеть. Если на сервере уже есть скриншоты отправленного URL, они будут извлечены напрямую из архивов. Сервис полностью бесплатный и с открытым исходным кодом, хотя также принимаются пожертвования.

Adobe BrowserLab

Доступные браузеры / ОС: Firefox, Chrome и Internet Explorer / Windows и Mac

Тип тестирования: Снимок экрана

Приложение: На основе веб-браузера

Лицензия: Бесплатно

URL: browserlab.adobe.com

Adobe BrowserLab — это бесплатная онлайн-служба, которая может точно просматривать ваши веб-сайты в различных браузерах и операционных системах. Однако существует не так много комбинаций браузеров и ОС, и вы видите только счетные версии Chrome, Firefox, IE и Safari, доступные для Mac и Windows (которые тоже устарели). Тем не менее, Adobe BrowserLab предоставляет вам полноразмерные скриншоты точных отображений браузером представленного URL-адреса, полученные в режиме реального времени. Он имеет привлекательный пользовательский интерфейс с несколькими вариантами просмотра, включая разделенный экран для сравнения снимков экрана.Если вы хотите перейти по ссылке, присутствующей на скриншоте, вам нужно будет использовать Ctrl + левый щелчок. Загрузка визуализированных снимков экрана может занять некоторое время, в зависимости от скорости вашего сетевого подключения. BrowserLab также интегрируется с Adobe Dreamweaver для дальнейшего повышения продуктивности веб-дизайна и визуального тестирования. Чтобы использовать службу, вам необходимо войти в систему или создать Adobe ID.

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

#Cross Browser # How To #Web Designing Все сообщения на 7labs, включая эту, соответствуют нашей политике раскрытия информации.

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

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

К счастью, в сети есть множество инструментов для тестирования совместимости браузеров. Некоторые из них бесплатны, например Browser Shots, а некоторые стоят денег, например Gomez.com, Sauce Labs, PowerMapper или Perfecto Mobile.

Эти инструменты могут тестировать скорость и работать в разных операционных системах и регионах, при высоком и низком уровне трафика.Мы рассмотрим тесты совместимости браузера BrowserShots, тест кроссбраузерной совместимости Gomez.com, тест PowerMapper.com SortSite и тест PerfectoMobile.com Handset Cloud.

Кроссбраузерный тест BrowserShots

Бесплатное кросс-браузерное решение

BrowserShots тестирует примерно 80 версий широко используемых браузеров. BrowserShots — это простой инструмент, который позволяет продавцам видеть скриншоты данной веб-страницы в различных операционных системах (ОС), включая Linux, Windows, Mac и Berkeley Software Distribution (BSD) с открытым исходным кодом.Доступны все основные браузеры, за (основным) исключением Internet Explorer (IE). Однако IE можно протестировать в тесте Gomez.com ниже.

Домашняя страница BrowserShots.org.

1. Когда вы впервые зайдете на BrowserShots.org, вы увидите, что почти все доступные браузеры предварительно выбраны. Если вы хотите протестировать все доступные операционные системы и версии браузеров, просто введите URL-адрес своего веб-сайта в открытое поле и нажмите «Отправить».

   Browser Shots — результаты тестирования всех браузеров во всех операционных системах.

2. Если вы хотите уточнить свое тестирование, просто нажмите кнопку «Нет» внизу веб-страницы и снимите все флажки. Затем установите флажки для каждого браузера для каждой ОС, которую вы хотите протестировать.
3. Тест может занять от 3 минут до 2 часов, в зависимости от количества выбранных браузеров. Вы можете добавить страницу в закладки и вернуться в любое время, чтобы увидеть, как продвигаются тесты.
4. Продавцы могут даже установить размер экрана, глубину цвета, включить или отключить код или запустить определенную версию кода.
5. По завершении каждого теста браузера в вашей «очереди» на веб-странице BrowserShots появится снимок экрана. Щелкните любой эскиз и посмотрите большой снимок экрана своей веб-страницы, работающей в различных операционных системах и браузерах.

Обратной стороной использования BrowserShots является 30-минутный таймфрейм очереди по умолчанию. После начала тестирования браузера 30-минутный отсчет времени начинается. Когда время истекает, очередь истекает, и тест отменяется. Время можно постоянно продлевать, нажимая кнопку «Продлить», но ее нужно нажимать вручную.

BrowserShots.org Кнопка «Расширить».

Тест кроссбраузерной совместимости Gomez

Gomez.com предлагает набор инструментов, который он называет «Центром мгновенного тестирования» с тестами, включая кроссбраузерную совместимость, мультибраузерность и множество тестов скорости. Хотя центр тестирования называется «мгновенным», в действительности получение результатов может занять до 24 часов. В этом случае результаты теста обычно возвращаются в течение часа после ввода URL-адреса.

Гомес.com Test Center.

В этом примере мы будем использовать бесплатный тест на кроссбраузерную совместимость Gomez.com, используя в качестве испытуемого URL-адрес Practical eCommerce. Тест предоставит скриншоты того, как выглядит веб-сайт в Windows 7, Vista, XP и Mac OS X 10.4 в четырех основных веб-браузерах: Internet Explorer, Firefox, Safari и Chrome.

1. Начните тестирование, перейдя в Центр мгновенного тестирования Gomez.com в верхней части раскрывающегося списка «Ресурсы». Или скопируйте и вставьте этот URL-адрес для прямого доступа: http: // www.gomez.com/resources/instant-test-center.
2. Далее вы найдете шесть тестов, которые можно выполнить бесплатно. В этом примере мы будем использовать тест на кроссбраузерность. Щелкните ссылку «Пройти бесплатный тест сейчас» под этим эскизом теста.
3. Просто заполните необходимую информацию в тестовой форме в правой части экрана и нажмите «Отправить». В течение 24 часов вы получите электронное письмо от Гомеса с доступом к результатам теста.
4. Когда письмо будет получено, щелкните ссылку «Просмотреть результаты».Результаты теста появятся в вашем браузере на сайте Gomez.com. Нажмите на миниатюры, чтобы увидеть большой снимок экрана, на котором показано, как ваш веб-сайт выглядит в четырех разных операционных системах с четырьмя разными браузерами.

Результаты кросс-браузерного тестирования Gomez.com.

PowerMapper SortSite Test

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

PowerMapper.com Тестовая страница SortSite.

1. Для начала просто зайдите на PowerMapper.com и найдите заголовок «Продукты». Вы увидите два инструмента: PowerMapper и SortSite. В этом примере мы будем использовать SortSite. Щелкните кнопку «SortSite». На странице SortSite вы можете быстро протестировать свой сайт с помощью онлайн-пробной версии, загрузить бесплатную 30-дневную пробную версию или купить полную версию.Мы рассмотрим бесплатный онлайн-тест SortSite.
2. Нажмите кнопку «Попробовать SortSite Online» в правой части экрана и введите URL-адрес веб-сайта и адрес электронной почты в открытые поля. Результаты появятся в вашем браузере, и отчет также будет отправлен вам по электронной почте.
3. Бесплатная пробная версия даст хорошее представление о проблемах, которые могут возникнуть на веб-сайте, а дополнительные данные будут доступны после покупки полной версии.

График результатов тестирования PowerMapper.

Тест мобильного телефона Perfecto

Perfecto Mobile — это служба тестирования, которая позволяет продавцам тестировать веб-сайт на мобильную совместимость с сотнями реальных мобильных устройств.Продавцы также могут тестировать в разных географических регионах, включая США, Великобританию, Канаду, Францию ​​и Израиль.

Домашняя страница PerfectoMobile.com.

1. Для начала перейдите на PerfectoMobile.com, настройте и войдите в свою учетную запись.
2. Выберите телефонную трубку из множества моделей устройств большинства основных производителей.

   Perfecto Меню выбора мобильного телефона.

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

После завершения тестирования мобильного браузера Perfecto Mobile также предлагает тестирование отдельных приложений в одной и той же облачной тестовой среде в одних и тех же географических точках.

Как протестировать сайт WordPress в разных браузерах (простой способ)

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

Что такое кроссбраузерное тестирование?

Кроссбраузерное тестирование

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

Зачем тестировать сайт WordPress в разных браузерах?

Google Chrome — самый популярный веб-браузер в мире, занимающий 65% рынка настольных компьютеров и 57% мобильных устройств.Однако другие браузеры, такие как Firefox, Microsoft Edge, Safari и Opera, по-прежнему широко используются сотнями миллионов пользователей по всему миру.

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

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

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

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

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

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

Как узнать, какие браузеры используют посетители вашего веб-сайта?

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

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

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

Просто войдите в свою учетную запись Google Analytics и перейдите к отчету Аудитория »Технологии .Отсюда вы можете узнать информацию о браузерах, ОС, размерах экрана, используемых посетителями вашего сайта.

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

Если вы только начинаете вести блог или у вас нет Google Analytics, мы рекомендуем вам немедленно установить MonsterInsights, чтобы правильно настроить Google Analytics. После установки вы можете либо подождать несколько недель для сбора данных, либо продолжить тестирование своего веб-сайта во всех браузерах.

Лучшие инструменты для кроссбраузерного тестирования WordPress

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

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

1. Browsershots

Browsershots — это инструмент с открытым исходным кодом, который позволяет вам тестировать свой веб-сайт в нескольких браузерах в разных операционных системах.Лучшее в этом инструменте — то, что он бесплатный. Обратной стороной является то, что он не включает Microsoft Edge или Internet Explorer. Он также не включает поддержку мобильных устройств.

Чтобы использовать Browsershots, просто введите URL-адрес своего веб-сайта и затем выберите браузеры, которые вы хотите протестировать. Браузеры перечислены в трех столбцах для Linux, Windows и Mac OS.

После отправки запроса вам придется немного подождать, пока он выполнит тесты и сгенерирует снимок экрана. По завершении вы сможете увидеть скриншоты на той же странице.Теперь вы можете продолжить и щелкнуть снимок экрана, чтобы развернуть его.

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

2. CrossBrowserTesting

CrossBrowserTesting — это простой в использовании и очень мощный инструмент кроссбраузерного тестирования с функциями тестирования в реальном времени и создания снимков экрана.Это инструмент, который мы используем здесь, в Awesome Motive, для тестирования наших веб-сайтов, таких как WPBeginner, и наших премиальных плагинов WordPress.

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

После создания пробной учетной записи перейдите на вкладку «Live Test», где вы можете выбрать операционную систему и браузер. Он загрузит URL-адрес вашего веб-сайта в фактическом браузере, который будет отображаться на вашем экране.

Если вы хотите быстро получить сразу несколько снимков экрана, щелкните вкладку «Снимки экрана» и запустите новый тест снимков экрана.Инструмент CrossBrowserTesting автоматически извлекает скриншоты на мобильных телефонах Mac, Windows, iPad и Nexus 6P под управлением браузеров Chrome, Firefox, Safari, Microsoft Edge.

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

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

Цена: От 29 долларов в месяц при ежегодной оплате.

3. BrowserStack

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

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

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

Цена: От 29 долларов в месяц при ежегодной оплате.

Как анализировать скриншоты кроссбраузерного теста?

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

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

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

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

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

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

5 инструментов для кроссбраузерного тестирования, которые стоит попробовать сегодня

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

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

BrowserShots — отличный способ проверить основы

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

EndTest предлагает как бесплатную услугу, так и платные опции.

EndTest предлагает нечто, называемое автоматическим тестированием без кода, которое, по сути, позволяет автоматизировать повторяющиеся тесты в браузерах без необходимости писать код, который может вам понадобиться, с помощью чего-то вроде Selenium. EndTest предлагает бесплатную услугу, а также ряд платных опций, если вам нужно больше, чем это предлагает. Если вы зарегистрируетесь, вы также найдете ряд демонстрационных наборов тестов, которые помогут вам понять, как работает инструмент.Подобно Sauce Labs или BrowserStack, он позволяет выполнять тесты в облаке, чтобы вам не приходилось устанавливать все программное обеспечение, с которым вы хотите тестировать.

Selenium — одна из самых популярных сред автоматизированного тестирования.

Если вы думаете, что можете углубиться в автоматизированное тестирование, Selenium — одна из самых популярных сред, позволяющая автоматизировать действия браузера. У вас есть несколько вариантов: Selenium IDE — это надстройка Firefox, которая позволит вам записывать и воспроизводить действия, или Selenium WebDriver, которая позволяет вам кодировать тесты практически на любом из основных языков по вашему выбору.

Начать работу с последним непросто, но для более крупных проектов он может принести дивиденды в долгосрочной перспективе. Существует множество облачных сервисов, в том числе Sauce Labs и BrowserStack, которые позволят вам выполнять тесты Selenium на различных платформах без самостоятельной установки виртуальных машин и эмуляторов.

С помощью IE Test вы можете просто запустить экземпляр Internet Explorer на вкладке Chrome или Firefox.

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