На главную страницу сайта celitel.info
Вы не вошли в систему! [ ВОЙТИ ] или [ ЗАРЕГИСТРИРОВАТЬСЯ ]
CELITEL » Записки сайтостроителя » Тема: Проверить мобильную версию страницы. -- Стр. 1  | Перейти в: 

Послал Сообщение
healer
Администратор

Из: Москва
Сообщения: 24467
 Проверить мобильную версию страницы.
Послано: 22-11-2020 16:00
            

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

1. Браузер Google Chrome.
Следует выбрать Инструменты разработчика (F12). Далее (в зависимости от версии) Responsive (адаптивность).
Далее из списка можно выбрать наиболее популярные мобильные устройства и посмотреть, как в них будет выглядеть ваша страница.
Можно и вручную выбрать разрешение для просмотра страницы.

2. Google предоставляет нам специальный сервис для оценки удобства мобильной версии.
Кроме отображения вашей страницы на мобильном устройстве, вы можете получить замечания по странице и советы по их устранению.
https://search.google.com/test/mobile-friendly

3. Еще один хороший и бесплатный сервис www.iloveadaptive.ru
Вы сразу можете видеть свою страницу в разных мобильных устройствах.

Следует отметить, что страницы очень по разному могут отображаться в разных браузерах, десктопных и мобильных, если имеют место ошибки в HTML или CSS.
Поэтому первым делом необходимо проверить страницу на наличие ошибок.
Это в первую очередь https://validator.w3.org/ для валидации HTML и https://jigsaw.w3.org/css-validator/ для валидации CSS.

~~~~~~~~~~~~

Здоровья Вам. Духовного и физического.



Статистика

Сейчас у нас: и 5 Гостя(ей)
Всего сообщений: 26682
Всего тем: 1151

Based on:

 

  my counter Valid XHTML 1.0 Strict Valid CSS!