Rivalry2

HTML Diff

1 added 1 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#подборки</a>

2 <ul><li>29 янв 2021</li>

3 <li>0</li>

4 </ul>Смотрим глазами клиента. Удобно с его устройства, браузера, ОС? Правильно ли всё отображается? Он точно не хочет покинуть сайт?

5 vlada_maestro / shutterstock

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

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

8 Адаптивность становится всё более важной с ростом мобильного интернета. Согласно<a>исследованию</a>GfK, в 2018 году 35% россиян пользовались интернетом только со смартфонов и планшетов. Также это большой плюс для<a>SEO</a>: так, Google<a>обещает</a>в течение 2020 года отдать приоритет в выдаче сайтам, удобным для просмотра с мобильных устройств. Именно поэтому стоит проверять свой сайт на адаптивность/мобильность (лучше и на кроссбраузерность/кроссплатформенность - удобство пользования в любых браузерах и операционных системах).

9 Я подобрала и протестировала шесть онлайн-инструментов для проверки адаптивности. Описания и тарифы актуальны на октябрь 2020 года.

10 Оглавление:

11 <ul><li><a>Google Mobile-Friendly Test</a></li>

12 <li><a>Resizer</a></li>

13 <li><a>Adaptivator</a></li>

14 <li><a>Screenfly</a><a></a></li>

15 </ul><ul><li><a>I Love Adaptive</a></li>

16 <li><a>Browserling</a></li>

17 <li><a>Подытожим</a></li>

18 </ul><a>Сервис</a>проверяет мобильность сайта, показывает, как он выглядит на экране смартфона. В результатах теста будут описаны проблемы с загрузкой или отображением. Ошибки могут быть связаны со шрифтами, плагинами, стилями<a>CSS</a>, размерами интерактивных элементов.

19 Инструмент полностью бесплатный.

20 <a>Сервис</a>проверяет адаптивность на трёх устройствах: компьютере, планшете, смартфоне. Просмотр - интерактивный, то есть можно взаимодействовать с сайтом: скроллить, кликать, переходить в другие разделы. Конкретные модели устройств не указаны, произвольные размеры экранов тоже задать нельзя - есть только стандартные.

21 Проект снова бесплатный и снова принадлежит Google.

22 Этот<a>онлайн-сервис</a>показывает, как сайт может выглядеть на разных моделях планшетов и смартфонов: iPhone, Lumia, Nexus, iPad и др. Здесь не скриншоты, как в Google Mobile-Friendly Test, - на каждом устройстве можно листать страницу, смотреть все картинки, проверять, как отображаются разные элементы.

23 Некоммерческий проект, приветствуются донаты. Англоязычный аналог -<a>Responsinator</a>.

24 - Англоязычный<a>сервис</a>(сейчас принадлежит Blue Tree, раньше - QuirkTools). Представлено 30+ моделей смартфонов, планшетов, ПК и ТВ. Можно поворачивать экраны, запрещать прокрутку, задавать произвольные размеры. Судя по всему, сервис не боится вышеуп��мянутого запрета на удалённый просмотр. Удобно сразу делиться ссылкой на проверку адаптивности.

24 + Англоязычный<a>сервис</a>(сейчас принадлежит Blue Tree, раньше - QuirkTools). Представлено 30+ моделей смартфонов, планшетов, ПК и ТВ. Можно поворачивать экраны, запрещать прокрутку, задавать произвольные размеры. Судя по всему, сервис не боится вышеупомянутого запрета на удалённый просмотр. Удобно сразу делиться ссылкой на проверку адаптивности.

25 Просмотр сайта интерактивный, как в Resizer или AdaptivatorЕщё один<a>инструмент</a>для тестирования сайтов на адаптивность. Большой выбор устройств, моделей, операционных систем. Как и в Screenfly, можно задать произвольный размер экрана. Дополнительные функции:<a>валидация HTML-кода</a>,<a>проверка скорости загрузки</a>, сравнение нескольких сайтов. Чтобы обойти запрет на отображение контента, разработчики предлагают установить расширение Chrome.

26 Сервис бесплатный, как и предыдущие.

27 Англоязычный<a>сервис</a>для проверки адаптивности. Ключевое отличие от других - полноценное тестирование на кроссбраузерность и кроссплатформенность.

28 Бесплатно можно проверить сайт только на Internet Explorer 11, Windows 7 и при разрешении 1024×768. Чтобы получить доступ ко всем функциям, нужно платить от 19 долларов в месяц.

29 Если достаточно проверить мобильность (правильность отображения на смартфонах) в целом - хватит<a>Google Mobile-Friendly Test</a>.

30 Нужно посмотреть, как сайт выглядит на разных экранах, - для тестирования подойдут<a>Resizer</a>,<a>Adaptivator</a>или<a>Screenfly</a>(умеет обходить запрет на просмотр). Если ещё требуется сравнить отображение нескольких сайтов, а заодно проверить валидность кода и скорость загрузки, - в помощь<a>I Love Adaptive</a>.

31 Когда важно протестировать не только мобильность, но и <a>юзабилити</a>на конкретных браузерах и ОС, - не обойтись без<a>Browserling</a>. Это единственный платный инструмент в подборке, хотя у него есть и ограниченная бесплатная версия.

32 Если предстоит не только проверить, но и освоить адаптивную вёрстку, - пора<a>учиться в Skillbox</a>.

33 <a>Курс с трудоустройством: "Профессия SEO-специалист c нуля" Узнать о курсе</a>