Узнай как выглядит твой сайт на разных мобильных гаджетах

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

Найдем данный сервис по ссылке http://quirktools.com/screenfly/. Он на английском, но здесь все интуитивно понятно.

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

Для примера введем адрес последней статьи Петра http://wpnew.ru/sozdanie-bloga/optimizaciya-bloga/nastrojka-chpu-wordpress.html, где присутствуют нумерованный список, изображения, форма комментариев и прочее. Полный набор для наглядного примера.

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

rf смотрится сайт с мобильника

Клик для увеличения

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

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

Screenshot_5

Для обновления страницы можно использовать соответствующую кнопку в верхнем меню (Refresh) или на своей клавиатуре CTRL+F5 для сброса кеша браузера (если правки уже сохранили на сервере).

Это все нюансы при работе с сервисом.

Теперь можно спокойно использовать FireBug или редактор HTML/CSS в браузерах, для правки верстки на лету. Очень удобно при создании мобильного шаблона или адаптивной верстке.

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

А вам нужна мобильная версия сайта?

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 6 комментариев
  1. Dimox (5 комм.) says:
    http://dimox.name

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

    • Виталий (1675 комм.) says:
      http://mojWP.ru/

      Простым кликом откроет в новом окне. Не обязательно колесом.

      Это не паранойя, а сохранение баланса входящих/исходящих по сайту. Обрати внимание, что я без проблем ставлю открытые линки на другие сайты (не проплаченные).

      • Слава (1 комм.) says:

        А у Вас есть статья, как так же скрыть ссылки? А то много где вижу, а как загуглить этот метод да же не знаю )))

        • Виталий (1675 комм.) says:
          http://mojWP.ru/

          На alaev.info написано подробно несколько вариантов

    • Роман llgr (11 комм.) says:
      http://dogshow.me/

      Ты сам вроде принимал участие в обсуждении скрытия ajax'ом ссылок на форуме алаичъ'а

  2. Евгений (1 комм.) says:
    http://refovod.name

    Спасибо за статью, Виталий. Сервис очень пригодился. Увидел, как коряво выглядят мои сайты на некоторых устройствах. =) Еще работать и работать...

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 13.74MB | MySQL:72 | 0,333sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html