Имитация перехода к мобильному адаптивному представлению в инструментах разработчика Chrome - PullRequest
0 голосов
/ 17 октября 2019

Я пытаюсь понять, что делает Chrome, когда в DevTools вы переходите в режим отклика (второй из левого значка в заголовке - рядом с меню элементов).

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

viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=320 or whatever you want, initial-scale=1.0, maximum-scale=1.0, user

Меняет ли он также пользовательский агент при нажатии этой кнопки ИЛИ делает ли он что-то еще?

Тогда мне нужно посмотреть, смогу ли я программно смоделировать это тоже.

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

Любые идеи будутпризнателен.

РЕДАКТИРОВАТЬ: кажется, что изменение пользовательского агента и перезагрузка страницы, кажется, что-то делает, но теперь он игнорирует область просмотра. Это можно смоделировать в разделе Условия сети DevTools.

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...