Статьи о создании и продвижении сайтов, заработке в сети и софте

Как быстро и бесплатно проверять сайт на различных устройствах (планшетах и телефонах)?

Как быстро и бесплатно проверять сайт на различных устройствах (планшетах и телефонах)?

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

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

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

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

Но, как это всегда бывает, классный инструмент для проверки у нас под носом, если вы, например, используете браузеры Google Chrome или Opera.

Работает это таким образом. Вы открываете сайт на одном из этих браузеров, и нажимаете на окне сайта на правую кнопку мыши. В открывшемся контекстном меню нажимаете на самый последний пункт, «Просмотр кода элемента» :

Как быстро и бесплатно проверять сайт на различных устройствах (планшетах и телефонах)?

То же самое в Opera называется «Проинспектировать элемент».

После этого нажимаем в знак телефона, которого я на скриншоте выделил красным кружком, туда же указывает красная стрелка:

Как быстро и бесплатно проверять сайт на различных устройствах (планшетах и телефонах)?

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

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

В качестве примера я использовал блог Александра Борисова isif-life.ru, поскольку точно знаю, что у этого блога есть мобильная версия.

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

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

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

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

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

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

Комментарии

Аватар пользователя Gringo

Лучше всего посмотреть на самом телефоне. Хром тоже ошибается частенько. Приходилось сталкиваться.

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

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