Имитация мобильного устройства в сети Интернет с помощью iframe - PullRequest
0 голосов
/ 13 июня 2019

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

Как полностью имитировать мобильное устройство с помощью iframe?

<div class="preview>
  <iframe src="http://path.to.my/mobilePage.html"></iframe>
</div>
.preview{
  width:375px;
  height:812px;
}
.preview iframe{
  width:100%;
  height:100%;
}

PS CROSS MODERN BROWSERS.

Ответы [ 2 ]

0 голосов
/ 13 июня 2019

 <iframe src="https://stackoverflow.com" width="255" height="320"></iframe>

Проверьте это: http://mattkersley.com/responsive/

Но с технической стороны: вы можете использовать height и width, и контент ответит на это.

А также, если вы хотите протестировать свой сайт с его мобильными событиями, попробуйте использовать встроенное расширение chrome / firefox, просто нажмите Ctrl+Shift+M

0 голосов
/ 13 июня 2019

Chrome имеет функцию, которую вы хотели.

https://developers.google.com/web/tools/chrome-devtools/device-mode/

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