Crossbrowser что это за программа: Кроссбраузерное тестирование (Cross-browser testing) / Тестирование ПО / Тестирование Программного Обеспечения

Содержание

Введение в кросс-браузерное тестирование — Изучение веб-разработки

Эта статья начинает модуль с обзора темы кросс-браузерного тестирования, отвечая на такие вопросы как «что такое кросс-браузерное тестирование?», «с какими распространёнными проблемами можно столкнуться?» и «какие основные подходы для тестирования, обнаружения и исправления проблем существуют?»

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

  • Других браузерах. Не тех нескольких, которые вы регулярно используете, а о довольно старых, которые некоторые люди могут использовать до сих пор, и которые не поддерживают современные возможности CSS и JavaScript.
  • Разных устройствах с разными возможностями, начиная от последних лучших планшетов, смартфонов и «умных» телевизоров, до дешёвых устройств и самых старых смартфонов, в которых браузеры могут работать с ограниченными возможностями.
  • Людях с инвалидностью, которые используют Web с помощью вспомогательных технологий, таких как скринридеры, или не используют мышь (некоторые используют только клавиатуру).

Поймите, что вы — не ваши пользователи — если ваш сайт работает на Macbook Pro или Galaxy Nexus, это не значит, что он будет работать так для всех пользователей —  нужно сделать много тестов!

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

Мы должны поговорить немного о терминологии. Для начала, когда мы говорим о сайтах, «работающих кросс-браузерной», на самом деле мы говорим о том, что они должны обеспечивать приемлемое удобство использования в разных браузерах. Это нормально, если сайт выглядит немного по-разному в разных браузерах, главное он должен обеспечивать полную функциональность.В современных браузерах вы можете сделать что-то анимированным или использовать 3D, тогда как в старых браузерах вы можете лишь показать плоскую картинку, предоставляющую ту же информацию. Если владелец сайта доволен, вы сделали своё дело.

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

Когда мы говорим «приемлемое количество браузеров», мы не говорим, что это должно быть 100% всех браузеров в мире — это почти невозможно. Вы можете собрать информацию о том, какими браузеры и устройства используют ваши пользователи (это мы обсудим во второй статье — см. Gotta test ’em all?), но это ничего не гарантирует. Как веб-разработчик, вы должны определить для себя несколько браузеров и устройств, на которых код должен работать полностью, но кроме этого, вы должны писать код так, чтобы и другие браузеры были способны максимально использовать ваш сайт (defensive coding). Это одна из самых больших проблем веб-разработки.

Примечание: Мы разберём defensive coding позже в этом модуле.

Есть множество причин, почему возникают кросс-браузерные проблемы, и, заметьте, что сейчас мы говорим о проблемах, при которых некоторые вещи ведут себя по-разному в разных браузерах / устройствах / настройках просмотра. Прежде чем вы столкнётесь с проблемами браузера, вы должны исправить все ошибки в коде (см. Отладка HTML, Отладка CSS, and Что пошло не так? Устранение ошибок JavaScript из предыдущего раздела).

Кросс-браузерные проблемы возникают потому-что:

  • иногда браузеры содержат баги, или реализуют возможности по-разному. В настоящее время это не такая частая проблема, но когда IE4 и Netscape 4 конкурировали за право быть доминирующим браузером в 90-е, компании-разработчики браузеров умышленно реализовывали возможности по-своему в попытке получить конкурентное преимущество, что делало жизнь веб-разработчикам адом. Сейчас же браузеры гораздо жёстче соблюдают стандарты, но различия и баги всё же иногда возникают.
  • браузеры имеют разную степень поддержи современных технологий. Это неизбежно, когда вы имеете дело с новейшими функциями, которые браузеры только начинают осваивать, или если вы вынуждены поддерживать очень старые браузеры, которые более не дорабатываются или которые могли быть заморожены (то есть в них не добавляют новый функционал) задолго до того, как придумали новые возможности. Например, если вы хотите использовать передовые возможности JavaScript на вашем сайте, то они могут не работать в старых браузерах. Если вам нужна поддержка старых браузеров, вы можете конвертировать ваш код под старый синтаксис, используя специальные компиляторы.
  • некоторые устройства могут иметь ограничения, из-за которых сайт работает медленно или отображается неверно. Например, если сайт был спроектирован для просмотра на десктопных устройствах, он возможно будет выглядеть мелко и трудночитаемо на мобильных устройствах. Если ваш сайт содержит множество больших анимаций, это может быть хорошо на высокопроизводительных планшетах, но может быть вялым или резким на устройствах меньшей производительности.

а также другие причины.

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

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

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

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

Начальное планирование > Разработка > Тестирование > Исправление ошибок

Шаги 2-4 будут повторяться до тех пор, пока не будут реализованы все возможности. Мы рассмотрим различные элементы процесса тестирования более детально в следующих статьях, но пока давайте соберём то, что может происходить на каждом этапе.

Начальное планирование

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

Once you’ve got an idea of the required featureset, and what technologies you will likely build these features with, you should start exploring the target audience — what browsers, devices, etc. will the target audience for this site be using? The client might already have data about this from previous research they’ve done, e.g. from other web sites they own, or from previous versions of the web site you are now working on. If not, you will be able to get a good idea by looking at other sources, such as usage stats for competitors, or countries the site will be serving. You can also use a bit of intuition.

So for example, you might be building an e-commerce site that serves customers in North America. The site should work entirely in the last few versions of the most popular desktop and mobile (iOS, Android, Windows phone) browsers — this should include Chrome (and Opera as it is based on the same rendering engine as Chrome), Firefox, IE/Edge, and Safari. It should also provide an acceptable experience on IE 8 and 9, and be accessible with WCAG AA compliance.

Now you know your target testing platforms, you should go back and review the required featureset and what technologies you are going to use. For example, if the e-commerce site owner wants a WebGL-powered 3D tour of each product built into the product pages, they will need to accept that this just won’t work in IE versions before 11. You’d have to agree to provide a version of the site without this feature to users of older IE versions.

You should compile a list of the potential problem areas.

Note

: You can find browser support information for technologies by looking up the different features on MDN — the site you’re on! You should also consult caniuse.com, for some further useful details.

Once you’ve agreed on these details, you can go ahead and start developing the site.

Development

Now on to the development of the site. You should split the different parts of the development into modules, for example you might split the different site areas up — home page, product page, shopping cart, payment workflow, etc. You might then further subdivide these — implement common site header and footer, implement product page detail view, implement persistent shopping cart widget, etc.

There are multiple general strategies to cross browser development, for example:

  • Get all the functionality working as closely as possible in all target browsers. This may involve writing different code paths that reproduce functionality in different ways aimed at different browsers, or using a Polyfill to mimic any missing support using JavaScript or other technologies, or using a library that allows you to write a single bit of code and then does different things in the background depending on what the browser supports.
  • Accept that some things aren’t going to work the same on all browsers, and provide different (acceptable) solutions in browsers that don’t support the full functionality. Sometimes this is inevitable due to device constraints — a cinema widescreen isn’t going to give the same visual experience as a 4″ mobile screen, regardless of how you program your site.
  • Accept that your site just isn’t going to work in some older browsers, and move on. This is OK, provided your client/userbase is OK with it.

Normally your development will involve a combination of the above three approaches. The most important thing is that you test each small part before committing it — don’t leave all the testing till the end!

Testing/discovery

After each implementation phase, you will need to test the new functionality. To start with, you should make sure there are no general issues with your code that are stopping your feature from working:

  1. Test it in a couple of stable browsers on your system, like Firefox, Safari, Chrome, or IE/Edge.
  2. Do some low fi accessibility testing, such as trying to use your site with only the keyboard, or using your site via a screen reader to see if it is navigable.
  3. Test on a mobile platform, such as Android or iOS.

At this point, fix any problems you find with your new code.

Next, you should try expanding your list of test browsers to a full list of target audience browsers and start concentrating on weeding out cross browser issues (see the next article for more information on determining your target browsers). For example:

  • Try to test the latest change on all the modern desktop browsers you can — including Firefox, Chrome, Opera, IE, Edge, and Safari on desktop (Mac, Windows, and Linux, ideally).
  • Test it in common phone and tablet browsers (e.g. iOS Safari on iPhone/iPad, Chrome and Firefox on iPhone/iPad/Android),
  • Also do tests in any other browsers you have included inside your target list.

The most low fi option is to just do all the testing you can by yourself (pulling in team mates to help out if you are working in a  team). You should try to test it on real physical devices where possible.

If you haven’t got the means to test all those different browser, operating system, and device combinations on physical hardware, you can also make use of emulators (emulate a device using software on your desktop computer) and virtual machines (software that allows you to emulate multiple operating system/software combinations on your desktop computer). This is a very popular choice, especially in some circumstances — for example, Windows doesn’t let you have multiple versions of Windows installed simulataneously on the same machine, so using multiple virtual machines is often the only option here.

Another option is user groups — using a group of people outside your development team to test your site. This could be a group of friends or family, a group of other employees, a class at a local university, or a professional user testing setup, where people are paid to test out your site and provide results.

Finally, you can get smarter with your testing using auditing or automation tools; this is a sensible choice as your projects get bigger, as doing all this testing by hand can start to take a really long time. You can set up your own testing automation system (Selenium being the popular app of choice) that could for example load your site in a number of different browsers, and:

  • see if a button click causes something to happen successfully (like for example, a map displaying), displaying the results once the tests are completed
  • take a screenshot of each, allowing you to see if a layout is consistent across the different browsers.

You can also go further than this, if wished. There are commercial tools available such as Sauce Labs, Browser Stack, LambdaTest, TestingBot, and CrossBrowserTesting that do this kind of thing for you, without you having to worry about the setup, if you wish to invest some money in your testing. It is also possible to set up an environment that automatically runs tests for you, and then only lets you check in your changes to the central code repository if the tests still pass.

Testing on prerelease browsers

It is often a good idea to test on prerelease versions of browsers; see the following links:

This is especially prevalent if you are using very new technologies in your site, and you want to test against the latest implementations, or if you are coming across a bug in the latest release version of a browser, and you want to see if the browser’s developers have fixed the bug in a newer version.

Fixes/iteration

Once you’ve discovered a bug, you need to try to fix it.

The first thing to do is to narrow down where the bug occurs as much as possible. Get as much information as you can from the person reporting the bug — what platform(s), device(s), browser version(s), etc. Try it on similar configurations (e.g. the same browser version on different desktop platforms, or a few different versions of the same browser on the same platform) to see how widely the bug persists.

It might not be your fault — if a bug exists in a browser, then hopefully the vendor will rapidly fix it. It might have already been fixed — for example if a bug is present in Firefox release 49, but it is no longer there in Firefox Nightly (version 52), then they have fixed it. If it is not fixed, then you may want to file a bug (see Reporting bugs, below).

If it is your fault, you need to fix it! Finding out the cause of the bug involves the same strategy as any web development bug (again, see Debugging HTML, Debugging CSS, and What went wrong? Troubleshooting JavaScript). Once you’ve discovered what is causing your bug, you need to decide how to work around it in the particular browser it is causing problems in — you can’t just change the problem code outright, as this may break the code in other browsers. The general approach is usually to fork the code in some way, for example use JavaScript feature detection code to detect situations in which a problem feature doesn’t work, and run some different code in those cases that does work.

Once a fix has been made, you’ll want to repeat your testing process to make sure your fix is working OK, and hasn’t caused the site to break in other places or in other browsers.

Just to reiterate on what was said above, if you discover bugs in browsers, you should report them:

This article should have given you a high-level understanding of the most important concepts you need to know about cross browser testing. Armed with this knowledge, you are now ready to move on and start learning about Cross browser testing strategies.

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

Автор: Кристин Джеквони (Kristin Jackvony)
Оригинал статьи: http://thethinkingtester.blogspot.com/2018/07/cross-browser-testing.html
Перевод: Ольга Алифанова

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

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

  • Страница отлично скроллится в одном браузере, но вообще не скроллится в другом, или панель скролла не появляется.
  • Кнопка правильно работает в одном браузере, но не работает в другом.
  • Изображение отображается в одном браузере, но не отображается в другом.
  • Страница автоматически обновляется в одном браузере, а в другом – нет, заставляя пользователя полагать, что данные не обновлены.

Ниже – ряд полезных советов, чтобы убедиться, что ваше приложение протестировано в разных браузерах.

Знайте, какой браузер наиболее популярен среди ваших пользователей

Несколько лет назад я тестировала B2B CRM-приложение. Разработчики нашей команды, как правило, использовали Chrome для проверки своей работы, и поэтому я тоже в основном тестировала в Chrome. Затем я обнаружила, что более 90% наших конечных пользователей пользовались приложением через Internet Explorer 9. Это, безусловно, изменило фокус моего тестирования! С тех пор я убеждалась, что каждая новая фича протестирована в IE9, и что полный регресс прогоняется под IE9 перед каждым релизом.

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

Изменяйте масштаб ваших браузеров

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

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

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

Доверьте каждый браузер разным тестировщикам

В ходе регрессионного тестирования есть легкий способ убедиться, что вы покрыли все браузеры – назначьте на каждый браузер разных тестировщиков. К примеру, если их трое в команде, включая вас – прогоните набор тестов в Chrome и Safari, второй коллега сделает это в Firefox, а третий – в Internet Explorer и Edge. При следующем прогоне вы можете обменяться браузерами, и увидеть каждый из них свежим взглядом.

Ожидайте перемен после обновлений браузера

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

Используйте визуальную валидацию в ваших автотестах

В целом автоматизированные тесты UI концентрируются на присутствии элементов на странице. Это отлично подходит для функционального тестирования, но присутствие элемента не сообщает о том, правильно ли он отображается на странице. И тут в игру вступают визуальные инструменты тестирования – например, Applitools. Он координируется с инструментами тестирования UI, такими, как Selenium, и добавляет визуальную компоненту в валидацию тестов. При первом прогоне тестов Applitools «учится», чего ожидать от страницы. При всех последующих прогонах он будет делать снимок экрана и сравнивать его с эталоном. Если что-то не загружено или неверно отображается, тест упадет. Это отличный инструмент для кросс-браузерного тестирования, потому что его можно научить ожидать различных результатов для каждого отдельного типа и версии браузера, а также для разных размеров экрана.

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

Обсудить в форуме

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

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

Кроссбраузерность (от англ. cross-browser) сайта – это одинаковое отображение вашего сайта в разных браузерах. То есть, если сайт сверстан кроссбраузерно, то он будет одинаково выглядеть и правильно функционировать в разных браузерах. 

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

Существует консорциум под названием  W3C (World Wide Web Consortium). Его задача – создание стандартов в языках html и  css. Подразумевается, что все, кто создает сайты или какие-то  другие веб-программы, должны это делать с соблюдением этих самых стандартов.  В  том числе и фирмы, создающие браузеры. Так должно было быть. Но проблема в том, что фирмы-производители браузеров не только по-разному интерпретируют html и xhtml коды, но и не горят желанием сотрудничать с W3C.  Все это выливается в то, что одна и та же страница сайта, в разных браузерах может отражаться по-разному. И это «по-разному»  может быть очень разным: от несоответствия мелких деталей до того, что сайт «разваливается» совсем. И это является головной болью всех, кто занимается созданием сайтов.  

К сожалению, лидирует в этом «чемпионате» по несоответствию стандартам самый популярный браузер – Internet Explorer. Да и остальные не безгрешны. 

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

  1. Internet Explorer, 

  2. Mozilla Firefox, 

  3. Safari,

  4. Google Chrome,

  5. Opera, 

  6. Netscape Navigator.

Какие методы применяют для решения  проблемы кроссбраузерности? 

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

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

Для «укрощения» Internet Explorer применяют так называемые условные комментарии. Условные комментарии действуют только в Internet Explorer  совместно с  операционной системой  Windows.  Они великолепно подойдут  для написания специальных команд адресованных Internet Explorer.  Эти команды поддерживаются, начиная с версии Internet Explorer 5 и выше.   

Выглядят условные комментарии так: <!—[if IE 6]>Инструкции для IE 6<![endif]—> 

Как видите, их основная структура такая же,  как и  принятая, в html комментариях: (<!—   —>) 

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

Internet Explorer, надо полагать, был запрограммирован на распознание специального синтаксиса <!—[if IE]>, на решение условия if и и на то, чтобы парсить* содержимое условного комментария таким образом, как если бы это было содержанием обычной страницы. 

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



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

Проверка сайта на кроссбраузерность.

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

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

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

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

Что, естественно, сказывается на внешнем облике страниц.

И как следствие, ваш сайт может выглядеть по-разному, это будет зависеть от браузера, которым пользуется человек, посещающий ваш сайт. Например, в Mozilla Firefox все может выглядеть как надо, красиво и ровно, а если откроешь IE, то блоки сайта съезжают один на другой, а фоны вообще куда-то подевались…

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

Ни в коем случае не пренебрегайте этим этапом в создании сайта!

Эту проверку следует проводить ориентируясь, по крайней мере, на пятерку самых распространенных браузеров — это Mozilla Firefox, Safari, Internet Explorer, Opera и Google Chrome. Причем, каждый из этих браузеров имеет множество версий.

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

На что нужно обращать внимание в процессе проверки своего сайта на кроссбраузерность?

Недостаточно просто просмотреть на сайт в разных браузерах.

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

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

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

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

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

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

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

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

А потому, делайте определенные выводы и если есть вопросы — задавайте их в комментариях.

Успехов вам, дорогие читатели!

Автор статьи: Елена Лощилова.

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.

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

Источник

как может помочь Xmarks / Программное обеспечение

Поскольку в наши дни уже мало кто использует для выхода в Интернет один лишь компьютер, решения, которые касаются синхронизации данных, исключительно востребованы. На страницах 3DNews мы уже рассказывали о популярных веб-сервисах, упрощающих передачу информации между несколькими компьютерами и мобильными устройствами, принадлежащими одному человеку. Так, при помощи Dropbox легко можно синхронизировать важные файлы между всеми рабочими машинами, а Evernote помогает в хранении текстовой и графической информации.

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

⇡#Штатные средства для синхронизации данных браузеров

Средства для синхронизации данных между несколькими компьютерами в том или ином виде можно обнаружить во всех современных браузерах. Так, в Opera используется технология Opera Link, при помощи которой все пользователи бесплатно могут создать на сервере копию своих закладок, панели ссылок, истории посещенных страниц, заметок, правил блокирования содержимого, списка поисковых систем, а также сайтов, вынесенных на Экспресс-панель (Speed Dial). Для работы с Opera Link не нужно ничего устанавливать дополнительно — достаточно создать учетную запись и включить синхронизацию в настройках браузера. При этом если на другом компьютере (или на мобильном устройстве, ведь технология Opera Link поддерживается и браузером Opera Mini) указать данные той же учетной записи, то все настройки скопируются и в дальнейшем будут синхронизироваться. А если потребуется получить доступ к сохраненным ссылкам с устройства, на котором нет браузера Opera, достаточно ввести свои данные на странице http://link.opera.com.

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

Для синхронизации сессий в Chrome можно использовать расширение FreshStart — Cross Browser Session Manager. Информация об открытых вкладках сохраняется в отдельной папке в закладках Chrome, поэтому при включении встроенных средств для синхронизации данные о сохраненных сессиях доступны на любом компьютере, привязанном к учетной записи пользователя. Правда, не очень удобно, что сессии нужно сохранять вручную, — автоматическое сохранение работает только в случае аварийного завершения работы Chrome. Зато в FreshStart есть возможность редактирования содержимого сохраненных сессий, а также экспорт ссылок в виде текстового файла.

В браузере Firefox 3 синхронизация реализована посредством дополнения Firefox Sync, которое дает возможность сохранять закладки, пароли, историю, вкладки и настройки программы.

В Firefox 4 это дополнение уже интегрировано, так что устанавливать его отдельно не нужно. У тех, кто работал с Firefox Sync на третьей версии, при установке Firefox 4 все данные будут перенесены автоматически. Дополнение для синхронизации доступно и в мобильной версии Firefox. Принцип идентификации пользователей, используемый в Firefox Sync, немного отличается от стандартного. Чтобы подтвердить свою учетную запись и включить синхронизацию на нескольких устройствах, необходимо ввести не только логин и пароль, но и ключ синхронизации — набор символов, генерируемых дополнением. Этот ключ можно посмотреть или изменить в настройках Firefox Sync на том компьютере, где дополнение уже настроено.

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

Что касается Internet Explorer, то в этом браузере нет встроенных средств для синхронизации, однако есть возможность использовать бесплатную утилиту Windows Live Mesh от Microsoft. Для идентификации пользователя служит учетная запись на сервисе Windows Live. При помощи этой утилиты можно синхронизировать только закладки. Еще одно ограничение касается пользователей Windows XP — программа в этой операционной системе не работает и запускается только в среде Windows 7 и Windows Vista.

⇡#Xmarks: прошлое и настоящее

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

Основная идея web-сервиса Xmarks заключается в синхронизации данных между несколькими устройствами, вне зависимости от того, какие браузеры используются. На заре своего существования (сервис основан в 2006 году) он был известен как Foxmarks Bookmark Synchronizer и существовал в виде одноименного дополнения для Firefox. Сегодня Xmarks можно использовать не только с Firefox, но и с Chrome, Internet Explorer и Safari (только на Mac OS X). Кроме этого, есть версии для iPhone, Android и Blackberry, однако они доступны лишь для премиум-подписчиков.

Несмотря на то, что средства, которые предлагает Xmarks, являются достаточно востребованными среди пользователей, осенью 2010 года он был на грани закрытия. В конце сентября один из основателей сервиса сообщил в блоге проекта, что в начале января 2011 года Xmarks закроется. На то время на сервисе насчитывалось более 2 млн пользователей, которые синхронизировали данные между 5 млн рабочих столов. Тогда же разработчики устроили опрос среди пользователей, попросив их сообщить, кто готов платить $10 в год, чтобы Xmarks продолжал существовать. Создатели сервиса пообещали: если наберется 100 тысяч желающих, работа Xmarks будет продолжена. Все эти перипетии вызвали интерес к сервису не только среди его пользователей, но и среди крупных компаний, готовых вложить деньги в перспективную разработку. В итоге в начале декабря Xmarks был приобретен австрийской компанией LastPass, разрабатывающей одноименный сервис для синхронизации паролей пользователей между разными устройствами и платформами.

Получив такую финансовую поддержку, Xmarks запустила премиум-сервис стоимостью $12 в год. В рамках платного сервиса пользователям предоставляется возможность получать доступ к своим данным с мобильных устройств (iPhone, Android и Blackberry), синхронизировать открытые вкладки с мобильных устройств, а также выполнять резервное копирование данных и их восстановление с сохранением информации в течение более длительного срока, чем в бесплатной версии. Кроме этого, после объединения с LastPass создатели Xmarks пообещали заняться дальнейшим расширением сервиса, в частности выпустить расширения для Opera и версию Xmarks для Dolphin HD. Второй пункт на сегодняшний день уже выполнен — премиум-пользователи теперь могут работать с сервисом на популярном браузере для Android.

⇡#Работа с Xmarks

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

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

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

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

Одна из интересных возможностей Xmarks — сохранение информации об открытых вкладках. Она работает для всех поддерживаемых браузеров для Windows, однако по умолчанию отключена. С ее помощью можно просматривать открытые вкладки на других компьютерах и в других браузерах, относящихся к текущей учетной записи. Для просмотра всех открытых страниц используется команда «Открытие удаленных вкладок» (Open Remote Tabs).

До объединения с LastPass в версии Xmarks для Firefox и Google Chrome была также возможность синхронизации паролей, однако на данный момент поддержка данной функции прекращена. Всем, кто работал с ней ранее, советуют перейти на менеджер паролей LastPass, который более функционален и совместим с большим числом приложений и платформ. Чтобы сделать этот переход проще, разработчики создали средства для автоматического переноса паролей в учетную запись LastPass. Заметим, что, подобно Xmarks, сервис LastPass бесплатен, однако имеет премиум-версию, которая также оценивается в $12 в год. Пользователям платной версии доступны такие возможности, как импорт паролей из популярных приложений (RoboForm, 1Password, KeePass, MyPasswordSafe, Password Agent, Password Safe и прочих), архивация и восстановление паролей, экспорт в текстовый файл или во встроенный менеджер паролей Firefox и некоторые другие.

⇡#Панель управления Xmarks

Работать с сервисом можно и посредством панели управления на сайте my.xmarks.com. Благодаря этому всегда есть возможность получить доступ к своим данным, если вы выходите в Интернет на чужом компьютере или используете неподдерживаемый браузер (например, Opera или Safari для Windows). Панель управления позволяет переходить по ссылкам, использовать средства для поиска, просматривать подробную информацию о закладках, выполнять предварительный просмотр сайтов, добавлять закладки и папки, восстанавливать старые ссылки и пароли, импортировать закладки с сервиса Del.icio.us и экспортировать их в HTML, открывать доступ к папкам или к отдельным закладкам друзьям, просматривать вкладки, открытые на других компьютерах, где используется та же учетная запись Xmarks.

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

⇡#Дополнительные возможности Xmarks

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

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

Для пользователей Internet Explorer работает интеграция Xmarks с поисковыми результатами Google и Bing. Если среди отобранных поисковиком ресурсов есть сайты, которые нравятся пользователям Xmarks, напротив них будут показаны звездочки рейтинга, а также будет сообщено, какое место сайт занимает в тематическом каталоге Xmarks. Кроме этого, при наличии отзывов о сайте, их можно просмотреть, не покидая страницу результатов поиска.

Сервис также предлагает дополнение Xmarks Thumbnails, которое генерирует в результатах поиска Google и Bing эскизы для всех сайтов. Правда, дополнение корректно работает лишь на google.com, на локальных же версиях поисковика (google.ru) эскизы не отображаются.

⇡#Заключение

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

Если Вы заметили ошибку — выделите ее мышью и нажмите CTRL+ENTER.

14 лучших инструментов кросс-браузерного тестирования в 2022 году

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

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

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

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

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

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

Это не означает, что если веб-сайт работает в Google Chrome, он, скорее всего, будет работать и в других браузерах, таких как Safari, Opera, Firefox и т. д.,

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

Доля использования всех браузеров по состоянию на ноябрь 2018 года.

• Chrome: 61,75 %
• Safari: 15,12 %
• Firefox: 4,92 %
• UC: 4,22 %
• Opera: 3,15 %
• Internet Explorer: 2,8 %
• Microsoft Internet: 2,74 % Edge: 2,15%
• Другие: 3,16%

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

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

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

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

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

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

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

Подробнее о кроссбраузерном тестировании

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

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

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

и некоторые другие инструменты, которые мы можем проверить: Functionize, GhostLab, Turbo Browser Sandbox, IE NetRender, IETester. эти инструменты для тестирования кросс-браузерной совместимости поставляются с бесплатными пробными версиями.

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

#1. TestingBot

TestingBot обеспечивает кросс-браузерное тестирование в более чем 3000 комбинациях браузеров и операционных систем при различных разрешениях экрана.
Вы можете протестировать свой веб-сайт или мобильное приложение вручную, взяв под контроль реальный браузер или устройство прямо из своего браузера.
Автоматическое тестирование браузера позволяет запускать тесты Selenium, Cypress и Puppeteer/Playwright с высокой степенью параллелизма в нескольких браузерах, включая Chrome, Edge, Firefox, Safari и Internet Explorer.

Браузеры работают в реальных операционных системах, включая Windows, Linux и macOS.
TestingBot предоставляет эмуляторы Android/iOS, а также физические устройства в размещенной ферме устройств, совместимые с Appium.

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

Особенности:

  • Поддерживает более 3200 браузеров и физических устройств.
  • Поддерживает визуальное тестирование, тестирование реальных устройств, тестирование производительности, автономное тестирование и автоматизацию без кода.
  • Проверка разрешения дисплея. Доступны разрешения экрана от 800×600 до 2560×1440.
  • Поддержка Selenium, Cypress, Puppeteer и Playwright.
  • Тестирование геолокации: протестируйте свой сайт из разных мест.
  • Интеграция с Jenkins, Bamboo, Jira, Azure Devops и другими.

Почему TestingBot — лучший инструмент для кросс-браузерного тестирования?

TestingBot предоставляет 100%-совместимую сетку Selenium/Appium с поддержкой других популярных сред тестирования, таких как Puppeteer, Playwright и Cypress.

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

Бесплатная пробная версия: 2 недели

#2. Headspin

Best for Кросс-браузерное тестирование, тестирование мобильных приложений, тестирование программного обеспечения

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

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

Почему Headspin — лучший инструмент для кроссбраузерного тестирования?

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

Особенности:

  • Проверка на тысячах реальных устройств для 100% точности
  • Простота интеграции с такими средами тестирования, как Appium, Selenium и Appium Inspector. HeadSpin также совместим с рядом технологий, таких как Charles Proxy, Xcode, Android Studio, Flutter, Cucumber, Espresso Android, Experitest, WebPage Test, FitNesse, KIF, UI Automator, Junit, XCTest, Calabash, Unified Functional Testing, TestNG, Puppeteer. ,Playwright,Jira,Slack и Jenkins
  • Получите гибкую распределенную систему для безопасного масштабирования удаленного автоматизированного кроссбраузерного тестирования.HeadSpin позволяет разработчикам отслеживать данные без помех с помощью нашего собственного оборудования, совместимого с радиочастотами, и специального USB-концентратора. №3. LambdaTest

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

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

    Мы можем выбрать из широкого спектра обновленных мобильных устройств Android и iOS, от последних до самых старых версий Chrome, Firefox, Safari, Edge, Internet Explorer, Opera и Яндекс.

    Это также позволяет нам тестировать отзывчивость и делать полностраничные автоматические скриншоты. Поддерживаемые устройства: Windows, Android, iPhone/iPad, Mac и веб-интерфейсы.

    Особенности:

    • Онлайн-тестирование на совместимость с браузером.
    • Более 2000 реальных браузеров и операционных систем онлайн с различными разрешениями экрана.
    • Более быстрые автоматические снимки экрана / Тестирование снимков экрана.
    • Проверка отклика на всех размерах экрана.
    • Бесшовное сотрудничество и тестирование.
    • Тестирование локально размещенных страниц.
    • Интеллектуальное визуальное регрессионное тестирование.
    • Проверка разрешения дисплея. Доступны разрешения экрана от 800×600 до 2560×1440.
    • Встроенный трекер ошибок LambdaTest.

    Бесплатная пробная версия: Бессрочная бесплатная (1 одновременная сессия — 5 пользователей)

    Цена: 15 долларов в месяц за годовой план и 19 долларов в месяц за месячный план

    Прочитайте наш полный обзор LambdaTest

8

#4. CrossBrowserTesting

Инструмент CrossBrowserTesting имеет широкий спектр различных браузеров и их версий. Он доступен для нескольких ОС. Он поддерживает более 2050+ реальных настольных и мобильных браузеров.CrossBrowserTesting — идеальный инструмент для выполнения кросс-браузерного тестирования.

Вы получите доступ к комбинации Браузер, ОС, Разрешение и Устройства, которые используют ваши клиенты. Интерфейс CrossBrowserTesting просто потрясающий.

Вам не нужно много делать для настройки браузеров и операционных систем. Представьте, что вы хотите протестировать свой веб-сайт с помощью Internet Explorer 11 на компьютере с Windows 8.1. CrossBrowserTesting позволяет вам выбрать необходимые браузеры и операционную систему для этого.

Особенности:

  • Тестируйте локальные веб-сайты в более чем 2050 браузерах и устройствах.
  • Создавайте автоматические тесты без кода с помощью функции «Запись и воспроизведение»
  • Создавайте и запускайте тесты Selenium на ваших любимых языках программирования
  • Создавайте полностраничные скриншоты в браузерах и на устройствах
  • Тестируйте за брандмауэрами или прокси-серверами с помощью безопасного туннеля
  • Интегрируйте приложения в CrossBrowserTesting.com, чтобы автоматически запускать уведомления и вручную делиться результатами тестирования.Он поддерживает Slack, Jira и HipChat. Sauce Labs

    Sauce Labs — это облачная платформа для тестирования приложений, которая предлагает свои услуги предприятиям и группам разработчиков с открытым исходным кодом. Он предлагает как автоматизированное, так и ручное тестирование веб-приложений и мобильных приложений для более чем 800 браузерных платформ и мобильных устройств (Android и iOS).

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

    • Мгновенный доступ к более чем 800 настольным браузерам и ОС
    • Мгновенный доступ к более чем 200 мобильным эмуляторам и симуляторам
    • Мгновенный доступ к реальным мобильным устройствам
    • Живое тестирование и автоматическое тестирование
    • Пробная версия:  14 дней

      Цена: Начинается с 19 долл. США в месяц. Выставляется ежегодно

      #6. Ranorex Studio

      Ranorex Studio — это универсальный инструмент для автоматизации тестирования, который позволяет выполнять сквозное тестирование с использованием реальных устройств или эмуляторов/симуляторов, а также запускать тесты на различных платформах, устройствах или технологиях.Он поддерживает кроссбраузерное тестирование для Chrome, Firefox, Safari, Microsoft Edge и т. д.

      Особенности:

      • Надежная идентификация объектов. Мгновенно отслеживайте и анализируйте элементы пользовательского интерфейса вашего рабочего стола, веб-приложения или мобильного приложения с Ranorex Spy — даже динамические.
      • Легко создавайте проекты автоматизации тестирования без программирования.
      • Создавайте гибкие сценарии автоматизации тестирования, используя стандартные языки программирования.
      • Тестирование на основе данных и ключевых слов.
      • Интегрируется с такими инструментами, как Jira, Jenkins, TestRail, Git, Travis CI и другими.

      Бесплатная пробная версия: бесплатная 30-дневная пробная версия

      Цена: 2990 долларов США (включает один год обслуживания и профессиональной поддержки)

      #7. TestProject

      TestProject — это бесплатная сквозная платформа автоматизации тестирования, которая позволяет пользователям без особых усилий тестировать веб-приложения, приложения Android и iOS во всех операционных системах. С TestProject вы можете легко сотрудничать со своей командой при локальном создании, запуске и анализе автоматизации тестирования на различных платформах, операционных системах, устройствах и браузерах.

      TestProject поддерживает кроссбраузерное тестирование для Chrome, Firefox, Safari, Edge и Internet Explorer. Он даже поддерживает выполнение веб-тестов на реальных мобильных устройствах (браузер Chrome на устройствах Android и браузерах Safari на устройствах iOS).

      Особенности:

      • Никаких сложных настроек или конфигураций. TestProject позаботится обо всем этом!
      • Создавайте и выполняйте тесты без каких-либо навыков программирования.
      • Легко повторно используйте тесты в разных браузерах и на разных устройствах.
      • Получайте подробные отчеты и скриншоты ваших тестов в различных браузерах и на различных устройствах.
      • Полная интеграция с внешними системами, такими как: Jenkins, Slack, веб-перехватчики и уведомления по электронной почте.

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

      Прочитайте наш полный обзор на TestProject

      #8.TestComplete

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

      Особенности:

      • TestComplete — это автоматизированный инструмент для тестирования пользовательского интерфейса, который позволяет создавать, поддерживать и выполнять функциональные тесты для настольных, мобильных и веб-приложений
      • Запускать тесты параллельно в 1500 реальных средах тестирования
      • Easy для создания одного автоматизированного теста графического интерфейса для нескольких браузеров

      Бесплатная пробная версия: 30 дней

      Цена: 8400 долларов США за пользователя (включая рабочий стол, мобильные устройства и Интернет)

      #9.Experitest

      Experitest позволяет создавать и запускать тесты Appium, Selenium, XCUITest и Espresso для более чем 2000 реальных мобильных устройств и веб-браузеров параллельный

    • Отчеты о визуальном тестировании со снимками экрана, файлами журнала и видео
    • Визуальное тестирование для проверки отзывчивости пользовательского интерфейса
    • Интеграция с рабочим процессом CI/CD

    Бесплатная пробная версия: Ограниченный бесплатный план

    Начальная цена: 900/4 мес (оплачивается ежегодно)

    #10.Browserstack

    BrowserStack поддерживает более 2000 веб-браузеров в различных операционных системах, таких как устройства Windows, Mac, Android и iOS. BrowserStack является одним из премиальных спонсоров Selenium.

    BrowserStack поддерживает автоматизированные тесты Selenium. Он запускает наши тесты Selenium в облаке. Это очень просто и понятно.

    Особенности:

    • Не требует установки и обслуживания для ускорения выпусков.
    • Мгновенный доступ к более чем 2000 браузерам и реальным устройствам iOS и Android.
    • Совместимость с SOC2. Безупречные браузеры и устройства, доступные всем и всегда.

    Бесплатная пробная версия:  Доступно

    Цена: 12 долларов США в месяц (оплачивается ежегодно) для фрилансеров и 29 долларов США в месяц (оплачивается ежегодно) для обычных пользователей.

    Ознакомьтесь с нашим руководством по запуску тестов селена в нескольких браузерах с помощью BrowserStack здесь

    #11. Browserling

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

    Особенности:

    • Интерактивные сеансы в реальном времени
    • Реальные браузеры, работающие на реальных компьютерах
    • Доступ к новейшим браузерам
    • Делайте снимки, сохраняйте и делитесь скриншотами своих веб-страниц во всех браузерах. Вы также можете аннотировать их и отправлять отчеты об ошибках таким образом.
    • Адаптивное тестирование: Измените разрешение экрана и размер браузеров для всех ваших потребностей в адаптивном тестировании.#12. Browsershots

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

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

      Вы можете запускать тесты на кросс-браузерную совместимость с такими параметрами, как тип браузера, операционная система, размер экрана, глубина цвета, включение или отключение JavaScript и Flash. Он поддерживает IE, Firefox, GoogleChrome, Safari, Opera и т. д.,

      Бесплатная пробная версия: Бесплатно

      #13.Browsera

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

      Особенности:

      Особенности:

      • Найти Проблемы с макетом 0
      • Обнаружение ошибок JavaScript
      • Легко проверить весь сайт
      • Тестовые страницы Зарегистрироваться /месяц (бесплатный пробный период 30 дней)

        #14.Mabl

        Mabl — это автоматизированный инструмент кросс-браузерного тестирования следующего поколения без скриптов. Он использует возможности машинного обучения и искусственного интеллекта, чтобы обеспечить простое функциональное тестирование приложений. Единственный сервис SaaS со встроенной поддержкой Chrome, Firefox, IE и Safari. И все это без использования какого-либо стороннего тестового облака, кроме mabl.

        • Повторное использование тестов в разных браузерах
        • Запуск бесконечных тестов параллельно
        • Узлы тестирования масштабируются в облаке по мере необходимости с реальными установками браузера на виртуальных машинах.

        Бесплатная пробная версия: 14-дневная бесплатная пробная версия

        #15. Selenium Box

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

        Особенности:

        • Он поддерживает браузеры, такие как Chrome, Firefox, Internet Explorer, Edge, MacOS Safari в самых последних и всех предыдущих версиях.
        • Поддерживает openfin — операционную систему финансов.
        • Поддерживает настольные браузеры, мобильные эмуляторы и настоящие мобильные устройства.
        • Он устанавливается за вашим брандмауэром на ваших серверах или в вашем частном облаке. Нет необходимости в туннелях или внешнем доступе.

        Бесплатная пробная версия: Свяжитесь с Selenium Box

        Официальная ссылка: Ссылка

        Вы хотите, чтобы мы перечислили ваш инструмент в этой статье «Лучшие инструменты кросс-браузерного тестирования»?

        В заключение

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

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

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

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

        Нравится этот пост? Не забудьте поделиться им!

        Отказ от ответственности: порядок этих инструментов кросс-браузерного тестирования не предполагает каких-либо рекомендаций.

        Вот несколько отобранных статей, которые вы можете прочитать дальше:

        Инструменты кросс-браузерного тестирования — javatpoint

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

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

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

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

        • Лямбда-тест
        • Лаборатория соусов
        • Кроссбраузерное тестирование
        • BrowserStack
        • GhostLab
        • Браузер

        Лямбда-тест

        Это облачный инструмент. Он использует тестовые сценарии Selenium и Appium через несколько мобильных браузеров iOS и Android. С помощью инструмента LambdaTest мы можем протестировать наше веб-приложение в последних версиях браузеров.

        Особенности лямбда-теста

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

        Лаборатория соусов

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

        Это первая платформа, обеспечивающая автоматическое тестирование браузера Microsoft Edge и поддерживающая плагин Firebug для браузера Firefox.

        Особенности лаборатории соусов

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

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

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

        Особенности кроссбраузерного тестирования

        Ниже перечислены основные функции инструмента кросс-браузерного тестирования:

        • Этот инструмент используется для тестирования приложения на реальных мобильных устройствах.
        • Используется для проверки общедоступных и локально размещенных страниц в различных браузерах для проверки совместимости приложения.
        • Используется для пошаговой проверки тестовых случаев в реальной среде с помощью разных устройств и нескольких браузеров.
        • Он будет тестировать наш тестовый скрипт Appium и selenium на любом языке программирования.
        • Полезно выполнить скриншот после запуска селеновых скриптов.

        Стек браузеров

        Это облачная платформа для мобильного и веб-тестирования, которая позволяет разработчикам тестировать свои веб-приложения и мобильные приложения с помощью различных операционных систем, браузеров и мобильных устройств. BrowserStack имеет четыре основных продукта, таких как Live, App Live, Automate и App Automate.

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

        Особенности BrowserStack

        • Используется для выявления ошибок и их непосредственного исправления.
        • Мы можем протестировать приложение в обширной коллекции браузеров, таких как Safari, Google Chrome, Opera, Internet Explorer, Firefox и т. д.
        • Он быстро протестирует наши макеты и дизайн, создав скриншоты в более чем 1500 настольных и мобильных браузерах одним щелчком мыши.
        • Он используется для тестирования адаптивного веб-дизайна на различных размерах экрана, не проверяя каждую комбинацию браузеров вручную.
        • Он хорошо масштабируется, потому что он удовлетворяет наши потребности в тестировании, которые помогают в росте команды, ведь устройства доступны каждому члену.

        GhostLab

        Инструмент

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

        Особенность GhostLab

        Вот некоторые из жизненно важных элементов GhostLab:

        • Он сделает скриншот любого подключенного устройства и пояснит его в объединенном редакторе, а также перетащит в наш трекер ошибок.
        • Это обеспечит синхронизированный просмотр.
        • Это поможет нам отлаживать JavaScript с любыми подключенными клиентами.
        • Он проверит CSS и DOM на любых устройствах, если в DOM произойдут какие-либо изменения, он автоматически изменится на всех подключенных устройствах.
        • Он будет восстанавливать все наши браузеры всякий раз, когда мы вносим какие-либо изменения в локальные файлы.
        • Одним щелчком мыши мы можем создавать и открывать различные браузеры и подключать их к GhostLab.

        Браузер

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

        Функция инструмента Browsera

        • Он используется для обнаружения ошибок JavaScript, поскольку эти типы ошибок могут привести к потере функциональности нашего сайта и создать неправильное впечатление у пользователей.
        • Это поможет нам легко тестировать полные веб-сайты.
        • Автоматически обнаружит проблемы кросс-браузерной компоновки.
        • Он поддерживает как базовую аутентификацию HTTP, так и вход в систему на основе приложений. Для этого нам нужно указать уникальный идентификатор для поля входа и получить к нему доступ.
        • Тестирует те веб-сайты, которые используют технологии AJAX и DHTML. И он будет ждать, пока страницы завершат загрузку перед тестированием.
        • В этом инструменте не требуется установка, поскольку все запускается из кластера серверов.
        • В этом инструменте нам нужен веб-браузер для использования службы, и мы можем получить доступ к результатам из любого места.

        Что такое кроссбраузерная и мультиплатформенная совместимость?

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

        Большинство ваших устройств используют разные операционные системы. В результате их программы не являются взаимозаменяемыми. Другими словами, я не смогу использовать приложение Android на своем iPhone или наоборот. Когда приложение запрограммировано для работы на iPhone и Android, оно совместимо с несколькими платформами. Когда дело доходит до веб-сайтов, каждый браузер по-разному интерпретирует HTML и Javascript. Это означает, что веб-сайт может отлично выглядеть в Chrome, но ужасно в Firefox. Когда веб-сайт запрограммирован для работы в различных браузерах, это называется кроссбраузерной совместимостью.

        Приложения для программирования

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

        Стандарты браузера

        На сегодняшний день доля рынка Google Chrome намного превышает долю Safari, Firefox и Edge. Однако разработчикам по-прежнему необходимо обеспечить кроссбраузерность хотя бы для пятерки лучших. Это означает использование совместимых с разными браузерами библиотек и фреймворков, соблюдение правил CSS и тестирование своего веб-сайта в различных браузерах. Эти шаги гарантируют, что большинство пользователей будут иметь одинаковый опыт на веб-сайте независимо от того, какой браузер они используют.

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

        Наоми Диллон (Naomi Dhillon) — технолог по маркетингу в Stanton Street, компании, занимающейся веб-дизайном и разработкой в ​​Эль-Пасо, штат Техас.

        Наоми училась в Университете штата Нью-Мексико, получив степень бакалавра. в радиовещательной журналистике и несовершеннолетний на английском языке. У нее также есть A.S. в графическом дизайне.#/>, чтобы они могли создавать свой бренд, развивать свой бизнес и полностью раскрывать свой потенциал.

        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. конкурентов и от текущих браузеров сегодня. Так почему бы не решить эту проблему напрямую с помощью этого расширения, доступного для Firefox и Chrome, которое позволяет открывать вкладки, эмулирующие Internet Explorer. Поскольку IE представляет собой самую большую проблему с точки зрения отклонения от веб-стандартов, опробование вашего сайта с ним во время работы с ним может избавить вас от огромной головной боли позже.

        Browserling — это простой способ протестировать любой браузер, который вы хотите назвать

        Что, если вам нужны возможности облачного тестирования EndTest, Sauce Labs или BrowserStack, но без сложности настройки автоматического тестирования? Тогда Browserling для вас. Это онлайн-сервис, который позволяет вам выбрать браузер и версию, а также отобразить страницу, с которой вы можете взаимодействовать, чтобы не только проверить внешний вид, но и проверить функциональность.

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

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

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

        Статьи по теме:

        Кроссбраузерное тестирование. Что такое кроссбраузерное тестирование? | by SuccessiveTech

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

        Это процесс проверки совместимости вашего приложения с различными браузерами.

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

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

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

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

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

        Если на то пошло, зачем проводить какое-либо тестирование?

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

        Но конкретно, если подумать: Какова цель кроссбраузерного тестирования? — Это двояко.

        • Отображение или внешний вид страницы в разных браузерах — одинаково ли это, отличается ли он, лучше ли один, чем другой и т. д.
        • Функциональность и работа с ним. (Конечно!)
        • Вы думаете: «Существует миллион браузеров, версий и платформ — какие выбрать?» К счастью, это решение не является обязанностью тестировщика.Клиент, группа бизнес-анализа и маркетинговые команды играют важную роль в принятии этого решения. Кроме того, компании собирают статистику использования/трафика, чтобы сузить круг наиболее часто используемых браузеров, среды и устройств.
        • Вся команда проекта должна иметь заинтересованность, время, деньги и инфраструктуру для поддержки этого начинания.
        • В этом процессе может участвовать группа контроля качества или группа разработчиков, которая заинтересована в том, чтобы узнать, как работает приложение в нескольких браузерах.
        • Независимо от того, выполняется ли это QA или любой другой командой, результаты интерпретируются группами проектирования и разработки, и вносятся соответствующие изменения.

        Прежде всего, это делается вручную или с помощью инструмента?

        Это, безусловно, можно сделать вручную — несколько компьютеров, несколько ОС, несколько браузеров, несколько компьютеров, но ясно, что это приводит к множеству проблем, множеству инвестиций и множеству проблем.

        Ручной метод

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

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

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

        Автоматизированный метод

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

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

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

        Инструменты помогают нам с одним, несколькими или всеми из следующих действий в зависимости от самого инструмента и типов лицензирования:

        • Они предоставляют VPN (виртуальную частную машину), с помощью которой вы можете подключаться к удаленным машинам и проверять работу и воспроизведение ваших JAVA, AJAX, HTML, Flash и других страниц.Большинство из них безопасны, но, поскольку вы отправляете свою информацию третьей стороне, рекомендуется провести определенный анализ на усмотрение.
        • Для представленных страниц и ссылок предоставляются скриншоты того, как они отображаются в различных браузерах. Это, конечно, статика.
        • Несколько браузеров синхронизируются в отношении операций, выполняемых в одном из них, и результаты представляются для каждого браузера.
        • Показать представление страницы при различных разрешениях экрана.
        • При возникновении проблемы записывается видео или снимки экрана, чтобы передать проблему для дальнейшего анализа.
        • Поддержка обычно доступна как для веб-приложений, так и для мобильных приложений.
        • Частные страницы, для доступа к которым требуется аутентификация, также могут быть протестированы.
        • Также можно протестировать локальные страницы в частной сети/брандмауэре.

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

        1. Как можно скорее:

        Начните это тестирование, даже если для тестирования готова одна страница.

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

        2. Когда приложение будет готово:

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

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

        3. Когда приложение будет выпущено:

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

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

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

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

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

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

        Эти браузеры могут быть предоставлены тестировщику как:

        • Локально установленные на машине тестировщика.
        • Виртуальная машина или разные машины, к которым у тестировщика есть доступ.
        • Инструменты, предоставляющие собственные браузеры и их версии для тестирования.
        • В облаке — чтобы несколько тестировщиков могли использовать браузеры по мере необходимости.

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

        • Базовая функциональность — Ссылки, диалоги, меню и т. д.
        • Графический интерфейс пользователя — Внешний вид приложения.
        • Ответ — Насколько хорошо приложение реагирует на действия пользователя.
        • Производительность — Загрузка страниц в разрешенное время.

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

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

        • Статистика трафика помогает определить, какие браузеры нужно тестировать.
        • Необходимо провести подробный анализ самого AUT (тестируемого приложения), чтобы определить, какие части приложения или все приложение должны пройти это тестирование. Желательно, чтобы все это было протестировано в нескольких браузерах, но опять же необходимо учитывать затраты и время. « Хорошей стратегией является проведение 100%-го тестирования в одном браузере на каждой платформе, а для другого просто тестирование наиболее важных / широко используемых функций ».
        • После принятия решения о том, «Что» тестировать и «Где (браузеры)», необходимо принять решения по инфраструктуре — приобретать ли мы инструменты или выполнять это вручную и т. д. Опять же, необходимо учитывать стоимость. Жизнеспособность, риски, проблемы безопасности, люди, которые должны быть вовлечены, время, критерии приемки, графики/процесс устранения проблем/дефектов — вот несколько вещей, которые необходимо решить.
        • Выполните тестирование. Обычные тестовые примеры функционального тестирования можно использовать при проверке эффективности системы.Для визуального восприятия/воспроизведения тестовые примеры не нужны.
        • Операция, о которой я говорил в начале этой статьи и которая для меня не удалась, — это онлайн-банковский перевод. Я вошел в свой банковский счет, выбрал сумму для перевода около одного лакха и попытался выполнить перевод, и независимо от того, сколько раз я пытался, появлялась ошибка сервлета.

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

        • Войдите в личный кабинет онлайн-банка.
        • Выберите счет, с которого будет осуществляться перевод.
        • Введите сумму перевода: 100 000.
        • Выберите получателя и нажмите «Перевод».
        • Ожидаемый результат: передача должна быть успешной.
        • Это будет просто запущено во всех выбранных браузерах.

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

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

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

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

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

        Обычно ответом на этот вопрос будет одна из сред Dev/QA/Production. Но для кроссбраузерной проверки это не однозначно и неактуально (если можно так сказать). Это можно сделать в любом из них или во всех.

        Несколько замечаний,

        • Поработав какое-то время учителем контроля качества, я могу сказать, что будет дальше, и это вопрос: функциональное или нефункциональное тестирование? Я думаю, что ни то, ни другое.
        • Его также не следует путать с кросс-платформенным тестированием, при котором ваше приложение тестируется в нескольких целевых средах, таких как Windows, Linux, Mac и т. д. Хотя иногда эти два приложения должны интегрироваться, поскольку некоторые старые версии браузеров могут быть совместимы только с старые версии платформ.
        • Он также продолжает обрабатываться, так как программные среды, браузеры и устройства развиваются каждый день, и чтобы не было неприятных сюрпризов, это тестирование браузера следует добавить в репертуар наборов регрессионных анализов.

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

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

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

        Это тестирование помогает улучшить ваш бизнес, что, в свою очередь, приводит к тому, что клиенты довольны, счастливы и вы!!

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

        Что такое кросс-браузерное тестирование? Как это работает и варианты использования

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

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

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

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

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

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

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

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

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

        • Продолжительность

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

        • Продолжительность шага

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

        • Время до интерактивности

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

        • Отрисовка самого большого содержимого (LCP)

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

        • Совокупное смещение макета (CLS)

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

        Последние две из этих метрик (LCP и CLS), а также третья метрика использования, называемая задержкой первого ввода (FID), особенно полезны для измерения производительности веб-сайта. Вместе они называются Core Web Vitals — определяемый Google рейтинг, который измеряет качество взаимодействия с пользователем на конкретной веб-странице. Чтобы отслеживать Core Web Vitals самостоятельно, вам сначала необходимо установить некоторые API на свой веб-сайт.Обратите внимание, что некоторые из этих API поддерживаются только браузерами Chromium — Chrome, Edge, Opera и Samsung Internet. Например, LCP и CLS нельзя измерить в Firefox, Safari или Internet Explorer.

        Преимущества и варианты использования кросс-браузерного тестирования

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

        Повышение производительности внешнего интерфейса не только повышает конверсию клиентов, но и повышает вероятность того, что ваш веб-сайт или приложение найдут. Это преимущество улучшенной обнаруживаемости возникает из-за того, что пользовательский опыт влияет на то, насколько высоко сайт занимает место в результатах поиска. Если ваш веб-сайт плохо работает на мобильных устройствах или в определенных браузерах Chromium, его показатель Core Web Vitals может снизиться.Низкий балл может снизить способность веб-сайта занимать высокие позиции в органической выдаче поисковых систем, что приведет к упущенным возможностям и, в конечном итоге, к снижению доходов для бизнеса.

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

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

        Кросс-браузерное тестирование с помощью автоматизации сценариев

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

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

        Проблемы кросс-браузерного тестирования с помощью сценариев

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

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

        • Не подходит для тестирования сложных путей пользователя

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

        • Традиционные тесты требуют инфраструктуры

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

        • Обновление сценариев требует времени разработки

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

        • Неясность в отношении причин сбоя тестов

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

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

        Синтетическое кросс-браузерное тестирование с помощью Datadog

        Современное кросс-браузерное тестирование

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

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

        Начало работы с кросс-браузерным тестированием

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

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

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

        После завершения теста Datadog отображает снимки экрана с точки зрения пользователя и включает ссылки на соответствующие трассировки и журналы, что позволяет легко определить причину сбоя теста и устранить ее.Благодаря сопутствующим синтетическим тестам API и мониторингу реальных пользователей (RUM) Datadog обеспечивает сквозную видимость взаимодействия пользователей с вашими веб-ресурсами.

        Кросс-браузерные тесты Datadog без кода позволяют тестировать различные пути пользователя в любом масштабе.

        Список лучших инструментов кросс-браузерного тестирования

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

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

        Тестирование реального браузера/устройства

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

        Мультибраузерное тестирование и предложения устройств

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

        Совет. Используйте данные Google Analytics, чтобы узнать, какие типы устройств и браузеров используют посетители для доступа к вашему сайту. Эта информация может помочь в принятии решений о том, какие устройства/браузеры вам нужно протестировать и какой инструмент использовать.

        Скриншоты браузера

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

        Возможность локального тестирования

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

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

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

        Давайте взглянем на некоторые популярные инструменты кросс-браузерного тестирования, доступные сегодня:

        1. Стек браузера

        Browserstack упрощает тестирование с использованием реальных браузеров на реальных машинах. С помощью Browserstack вы можете проводить живое и автоматизированное тестирование на мобильных устройствах и в браузерах. Они поддерживают тестирование в средах разработки и тестирования и предлагают широкий спектр устройств iOS и Android для тестирования.

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

        Основные характеристики

        • Возможность тестирования в более чем 3000 браузерах и реальных устройствах iOS и Android
        • Живое и автоматизированное тестирование
        • Устройства и браузеры очищаются после тестов на безопасность и конфиденциальность
        • Отладка с использованием предустановленных инструментов разработчика

        Веб-сайт: browserstack .ком

        2. Лаборатория соусов

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

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

        Основные характеристики

        • Воспроизведение видеозаписи выполнения теста или просмотр серии снимков экрана
        • Отладка с использованием журналов консоли и сетевых вызовов
        • Управление и просмотр результатов тестирования на сервере непрерывной интеграции
        • Аналитика тестирования для понимания того, как устранять сбои тестирования

        Веб-сайт: соуслабс.ком

        3. Браузершоты

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

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

        Основные характеристики

        • Бесплатный инструмент с открытым исходным кодом
        • Скриншоты, показывающие, как ваш веб-сайт или приложение выглядит в нескольких браузерах
        • Хранение данных в течение одного месяца
        • Поддержка сообщества

        Веб-сайт: browsershots.org

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

        CrossBrowserTesting предлагает интерактивное тестирование совместимости браузеров для более чем 1500 настольных и мобильных браузеров.Тестировщики могут находить и документировать дефекты в разных браузерах и приложениях.

        Основные функции

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

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

        Основные характеристики

        • Встроенные инструменты отладки для большего контроля над HTML, CSS и JavaScript
        • Живое ручное и автоматизированное тестирование
        • Снимок экрана
        • Тестирование локально и в промежуточных средах

        Веб-сайт: crossbrowsertesting.com

        5. Лямбда-тест

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

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

        Основные характеристики

        • Ручное и автоматизированное тестирование
        • Возможности тестирования Selenium
        • Интеграция с Bitbucket, Jira, Asana, Slack, GitLab и т. д.ком

          6. ​​Браузер

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

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

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

          Основные характеристики

          • Настройка размеров экрана для адаптивного тестирования
          • Расширения браузера для тестирования в один клик
          • Автоматическое тестирование с использованием API
          • Доступ ко всем новейшим браузерам

          Веб-сайт: browserling.ком

          7. Браузер

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

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

          Основные характеристики

          • Поиск ошибок JavaScript
          • Быстрый просмотр различий макетов между браузерами
          • Тестирование аутентификации
          • Установка не требуется

          Веб-сайт: browsera.com

          8. Тестовый бот

          TestingBot предлагает автоматизированное тестирование во всех основных браузерах с использованием облачной сетки Selenium и поддерживает несколько других сред автоматизации.Вы также можете проводить ручное/живое тестирование, получая мгновенный доступ к любому браузеру Mac, Linux, Windows и Mobile (всего более 1100 браузеров).

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

          Основные характеристики

          • Доступ к более чем 3600 браузерам
          • Поддержка автоматизированных сред тестирования, таких как Selenium, Puppeteer и Cypress
          • Возможности тестирования производительности
          • Запись и воспроизведение действий браузера с помощью автоматизации без кода

          Веб-сайт: testingbot.ком

          9. Вкладка IE

          IE Tab — отличная альтернатива загрузке специальной версии Internet Explorer на ваш компьютер. Вместо этого это простой способ запустить IE в Chrome, чтобы увидеть, как работает и выглядит ваш сайт.

          Поскольку вы можете запускать Internet Explorer непосредственно в Chrome, вы также можете запускать устаревшие веб-приложения, такие как Sharepoint, ActiveX и другие. IE Tab предлагает только тестирование IE, поэтому вам нужно будет использовать другой инструмент для браузеров помимо этого. Тем не менее, это отличный инструмент, который можно держать в своем арсенале, когда вам нужно быстро что-то протестировать в Internet Explorer.

          При просмотре ошибок консоли инструментов разработчика Chrome любая ошибка, возникшая в IE, будет иметь префикс «IE», что позволит тестировщикам увидеть, где происходят сбои в Internet Explorer, даже если они не отображаются в Chrome.

          Основные характеристики

          • Включить прямое редактирование документов в Sharepoint
          • Совместное использование сеансов между вкладками браузера
          • Ошибки консоли непосредственно в Chrome

          Веб-сайт: ietab.com

          10.Мультибраузер

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

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

          Основные характеристики

          • Скриншоты с адаптивным дизайном
          • Автономные настольные веб-браузеры
          • Встроенный видеорегистратор и воспроизведение тестового прогона
          • Возможность создавать и регистрировать тесты, относящиеся к пользовательскому устройству

          Веб-сайт: multibrowser.com

          11. Просмотреть все

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

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

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

          Основные характеристики

          • Параллельное сравнение браузеров
          • Интеграция Selenium для автоматизированного тестирования
          • Экспорт тестов с использованием разных языков
          • Видеорегистратор тестового прогона

          Веб-сайт:browemall.ком

          12. NetRenderer

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

          Недостатком этих инструментов на основе скриншотов является то, что они не интерактивны, но NetRenderer — это бесплатный инструмент, и иногда все, что вам нужно сделать, это быстро проверить, как ваш сайт выглядит в другом браузере. Начать работу так же просто, как ввести URL-адрес вашего веб-сайта.Веб-дизайнеры используют Netrenderer для быстрого просмотра своей работы в разных версиях Internet Explorer.

          Основные характеристики

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

          Веб-сайт: netrenderer.com

          13. Лакмус

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

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

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

          Основные характеристики

          • Тестирование доступности
          • Проверка ссылок, изображений и элементов отслеживания
          • Тестирование на спам, чтобы убедиться, что электронные письма попадают в папку «Входящие», а не в папку со спамом
          • Интеграция с Dropbox, Salesforce, Slack и многими другими ведущими инструментами
          • Аналитика

          Сайт: litmus.

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

Ваш адрес email не будет опубликован.