1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

Как посмотреть мобильный вид сайта

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Den1a, 17 май 2017.

  1. Den1a

    Den1a

    Регистрация:
    16 авг 2013
    Сообщения:
    55
    Симпатии:
    3
    Здравствуйте.
    Как открыть мобильный вид сайта https://petrovich.ru/
    Обычно использую в firefox Ctrl+Shift+M
    Но не в этом случае. Подменять юзер агент пробовал.
     
  2. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Chrome- f12 и нажать в панели на маленький телефон вверху слева.
    если просто посмотреть как выглядит на разных устройствах - то пользуйтесь этим
     
  3. Den1a

    Den1a

    Регистрация:
    16 авг 2013
    Сообщения:
    55
    Симпатии:
    3
    Спасибо за совет.
    Ваш вариант и сриншот с телефона. Разница очевидна.
    По ссылке не сработает, т.к. подобные эмуляторы загружают сайт во фрейме, что запрещено на сайте Петровича и в целом на всех сайтах битрикса.
    [​IMG]
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    А разрешение? У вас в браузере ширина вьюпорта стоит 402 пикселя, на телефоне экран тоже такой ширины?

    Плюс есть ещё масштабирование пикселей, в Мозилле для этого в мобильном просмотре есть опция DPR (в Хроме не знаю).
     
  5. Den1a

    Den1a

    Регистрация:
    16 авг 2013
    Сообщения:
    55
    Симпатии:
    3
    Разрешение роль не играет. Заголовки так же подменил.
    [​IMG]
     
  6. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    Я вас разачерую, но это не зависит от битрикса, а просто настройки в htaccess.))
    Если нужно просто посмотреть как отображается, то сервисов полно - тот же гугл например, или вот
    Самое лучшие,
    которые я использую - вот и вот
    --- Добавлено, 17 май 2017 ---
    Dotrox, там не получится инструментами + это ж Г.-Битрикс)))
     
    Perat нравится это.
  7. Den1a

    Den1a

    Регистрация:
    16 авг 2013
    Сообщения:
    55
    Симпатии:
    3
    Я об этом и сказал, что запрет на загрузку во фрейме
    X-Frame-Options: SAMEORIGIN

    Нужно как раз таки инструментами. Посмотреть стили и т.д.

    Неужели нет решения?
    --- Добавлено, 17 май 2017 ---
    Разобрался. Всем спасибо.
     
  8. spy

    spy

    Регистрация:
    15 янв 2013
    Сообщения:
    468
    Симпатии:
    137
    решения всегда есть, только подумать нужно))
    Вот, пожалуйста
    [​IMG]
    Просто в юзер-агент вставляете
    Код:
    Mozilla/5.0 (Android; Mobile; rv:13.0) Gecko/13.0 Firefox/13.0
    и куки, кэш чистите))
     
  9. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    115
    Симпатии:
    26
    Ничего не понял, заработало только когда в подвале перешел на мобильную версию
     
  10. Den1a

    Den1a

    Регистрация:
    16 авг 2013
    Сообщения:
    55
    Симпатии:
    3
    Все верно. При подмене заголовка появляется ссылка на мобильную версию.
    Т.к. смотрел сайт в разрешении телефона, т.е. в браузаре видел верхний левый угол, то и ссылку не замечал, которая находится в нижнем правом углу.