使用iframe在PC Web上模拟移动设备

Question

我想在PC页面上预览移动页面，该页面具有模拟移动设备的iframe。但是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%;
}

P.S。跨现代浏览器。

Answer 1

Chrome具有您想要的功能。

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

Answer 2

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

检查：http://mattkersley.com/responsive/

但是在技术方面：您可以使用height和width，内容将对此做出响应。

如果您想通过移动事件来测试您的网站，请尝试使用内置的chrome / firefox扩展程序，只需按Ctrl+Shift+M