mojwp.ru
Назад

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

Опубликовано: 24.03.2015
6
415

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

Найдем данный сервис по ссылке 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 в браузерах, для правки верстки на лету. Очень удобно при создании мобильного шаблона или адаптивной верстке.

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

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

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Dimox
    Опубликовано: 24.03.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 24.03.2015 Ответить на сообщение

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

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

      • Слава
        Опубликовано: 08.04.2015 Ответить на сообщение

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

        • Виталий
          Опубликовано: 09.04.2015 Ответить на сообщение

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

    • Роман llgr
      Опубликовано: 25.03.2015 Ответить на сообщение

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

  • Евгений
    Опубликовано: 24.05.2016 Ответить на сообщение

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

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.