如何在移动设备上创建html代码的预览？

Question

无论如何，我是否可以创建一个按钮，创建一个弹出/模态来模拟移动设备上html代码的可视化？

我有一个textarea，用户可以在其中输入HTML代码并通过电子邮件发送。

我想在移动设备（如iphone）上创建此html代码的预览。我试图使用iframe 960x580它看起来太大了（我有一个大显示器）但如果我使用较低的显示器，同样的iframe看起来很奇怪。这将是我界面上的一项功能，因此我无法使用“设备模式”等工具。来自Chrome。

任何人都知道我该怎么做？

Answer 1

你看过这个网站吗？：

http://responsivetest.net/

只需输入您的网站网址，您就可以选择要在其上查看的设备类型。

Answer 2

Chrome Canary只为此https://developer.chrome.com/devtools/docs/device-mode

提供了便利功能

它可以让你选择很多不同的设备，虽然它不是一个真正的模拟器，但它是一个有用的预览工具。

Answer 3

许多模拟器都可以完成这项工作，

1. 用于镀铬的波纹仿真器。
2. Responsinator
3. Remote debuging

以上是一些测试网页的好方法