Как увидеть мобильную версию сайта в браузере, если сайт просто масштабируется?

Question

doctorcat @doctorcat

Как увидеть мобильную версию сайта в браузере, если сайт просто масштабируется?

Приветствую, коллеги! Столкнулся с такой вещью, есть сайт:
new.tervolina.ru
у него с телефона отображается мобильная версия, а вот в браузере при использовании инструментов разработчика он просто масштабируется. А мне нужна именно мобильная версия через хром, так как я хочу глянуть css стили, сайт качественно сделан. Раньше с такой проблемой не встречался. Хотел бы узнать, кто и как выходит из положения. Поделитесь опытом :)

Вопрос задан более трёх лет назад
577 просмотров

2 комментария

Подписаться 1 Простой 2 комментария

Решения вопроса 2

1 комментарий

2 комментария

doctorcat @doctorcat Автор вопроса

Очень сложно понять, что побуждает людей заниматься некропостингом в темах, на которые автор выбрал правильный ответ и описал почему остальные не правильные. Может проблема в интеллекте, может в чувстве собственной важности. В любой случае. Откройте глаза, и промотайте вверх. Потом посмотрите внимательно вопрос, далее внимательно посмотрите ответ, который был выбран решением. А свою бредятину лучше удалите. Что бы других людей с толку не сбивать, как и комментатор выше, который до сих пор уверен что гугл неправильно работает и по факту ничего сказать так и не смог. Ещё раз большое спасибо Александр за его внимательность и опыт в решении данных вопросов.

Написано более трёх лет назад
LuidgiVamp @LuidgiVamp

doctorcat, Что за комментарий, удали его, возьми проверь и увидишь что ctrl+f5 работает, на яндекс и на других крупных сайтах.

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

3 комментария

doctorcat @doctorcat Автор вопроса

и ? это не работает

Написано более трёх лет назад
mletov @mletov

doctorcat, как раз все правильно. Кнопка на хромовской панели подменяет алгоритм рендеринга с десктопного на мобильный. А какое-нибудь расширение (у меня, например, User-Agent Switcher) присылает нужный User Agent

Написано более трёх лет назад
doctorcat @doctorcat Автор вопроса

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

Написано более трёх лет назад

13 комментариев

doctorcat @doctorcat Автор вопроса

Вы не правильно меня поняли, я не разработчик этого сайта. И у меня нет доступа к back-end так бы я уже давно бы всё глянул :)

Написано более трёх лет назад
xmoonlight @xmoonlight

doctorcat, тогда только подмена заголовка

Написано более трёх лет назад
Donald_Duck @Donald_Duck

Судя по всему, там определение мобильности по User-Agent'у.
Это - неправильно!

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

Написано более трёх лет назад
xmoonlight @xmoonlight

Donald_Duck, Есть 2 места с юзер-агент: в заголовках HTTP(S)-запроса и при вызове функции внутри JS. Вы про какое место говорите?

Написано более трёх лет назад
Donald_Duck @Donald_Duck

xmoonlight, Первый вариант, хотя про второй тоже бы интересно было услышать.

Написано более трёх лет назад
xmoonlight @xmoonlight

Donald_Duck, Про первый - откуда информация? Тестили лично?

Написано более трёх лет назад
Donald_Duck @Donald_Duck

xmoonlight, Да, лично. Вы на вопрос-то ответите?)) А то пока что на свой вопрос вместо ответа получил кучу других вопросов.

Написано более трёх лет назад
xmoonlight @xmoonlight

Donald_Duck, Да. Неправильно. Если они работают так, как Вы ответили.
Мобильный клиент или нет - нужно определять по возможностям и характеристикам самого устройства(а не по HTTP(S) заголовку User-Agent).
В браузере (внутри контейнера WebView) - это можно сделать только через javascript.

Про второй вариант:
Грузится прелоадер (js), определяются параметры клиентского устройства и в зависимости от этого грузится нужная разметка и контент.
Следующий шаг обработки представления: правила CSS стилей (на основе @media) и нужный js для рендеринга итогового представления.

Написано более трёх лет назад
Donald_Duck @Donald_Duck

xmoonlight, Спасибо, было очень интересно узнать, что в крупных компаниях работают люди не понимающие как правильно нужно определять устройство пользователя))

Написано более трёх лет назад
xmoonlight @xmoonlight

Donald_Duck, Крупная - не значит умная! ))))
Если устройство само запросило версию контента для мобильного представления, указав в заголовках ДОПОЛНИТЕЛЬНО Vary: User-Agent, тогда это уже 50% вероятности того, что устройство - мобильное.
Но не на все 100%...

Написано более трёх лет назад
LuidgiVamp @LuidgiVamp

xmoonlight, Ну да, и гугл не правильно работает?)

Написано более трёх лет назад
xmoonlight @xmoonlight

LuidgiVamp, Какого ответа Вы ожидаете?)))

Написано более трёх лет назад
LuidgiVamp @LuidgiVamp

xmoonlight, Просто когда Вы заходите с мобильного он все верно распознает.

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 5 часов назад
- 73 просмотра
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- 5 часов назад
- 87 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 19 часов назад
- 74 просмотра
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 19 часов назад
- 72 просмотра
2

ответа
CSS

+1 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 21 час назад
- 72 просмотра
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 23 часа назад
- 56 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- вчера
- 73 просмотра
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- вчера
- 61 просмотр
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 80 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Создать логотип

19 апр. 2024, в 14:10

500 руб./за проект

Разработка дизайна мобильного приложения которое управляет вентиляцией

19 апр. 2024, в 14:01

70000 руб./за проект

Софт на js

19 апр. 2024, в 13:31

10000 руб./за проект

обнови страницу когда включил режим "тест адаптивного дизайна"

Answer 1 · 2018-04-23 16:07:36

Подмените строку User-Agent и очистите куки сайта (так как сайт запоминает при первом входе устройство пользователя). Тогда увидите мобильную версию.

Answer 2 · 2018-09-30 18:54:17

LuidgiVamp @LuidgiVamp

Кстати, помогает просто нажать ctrl+f5 при открытой вкладке разработчика, с мобильной версией.

Ответ написан более трёх лет назад

2 комментария

Answer 3 · 2018-04-23 15:59:07

Anton B @bigton

Web-программист

Ответ написан более трёх лет назад

3 комментария

Answer 4 · 2018-04-23 15:39:21

Судя по всему, там определение мобильности по User-Agent'у.
Это - неправильно!

А вообще - Ctrl+Shift+M (Opt+Cmd+M) в любом браузере и если не работает мобильный вид сайта, то это нужно исправлять в серверном (back-end) коде на веб-сервере.

Как увидеть мобильную версию сайта в браузере, если сайт просто масштабируется?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт