Javascript 如何在web app中实现设备预览
我正在创建类似于编辑器的。比如他们如何在右边显示手机预览？就像我们写了一些东西，它会显示它在设备中的外观预览，我甚至不知道这个概念叫什么，搜索什么。我想创建类似于此图像的内容 如何在web应用程序中添加此模拟器功能 使用 有定价：，但您也可以免费试用 应用程序本身在后端运行移动模拟器，并将屏幕截图发送到前端，前端在画布中呈现。Javascript 如何在web app中实现设备预览,javascript,html,reactjs,flutter,Javascript,Html,Reactjs,Flutter,我正在创建类似于编辑器的。比如他们如何在右边显示手机预览？就像我们写了一些东西，它会显示它在设备中的外观预览，我甚至不知道这个概念叫什么，搜索什么。我想创建类似于此图像的内容 如何在web应用程序中添加此模拟器功能 使用 有定价：，但您也可以免费试用 应用程序本身在后端运行移动模拟器，并将屏幕截图发送到前端，前端在画布中呈现。 您可以在这里阅读更多信息。snack.expo.io使用iFrame，可能使用JavaScript进行修改。 创建一个不应用src交叉源策略的iFrame，并使用此代码对
您可以在这里阅读更多信息。snack.expo.io使用iFrame，可能使用JavaScript进行修改。 创建一个不应用src交叉源策略的iFrame，并使用此代码对其进行修改。显示如何使用contentWindow属性修改iFrame的样式。然而，我找不到一种方法来修改内容本身，但我找到了应该有帮助的方法
function loadFrame() {
x = document.getElementById('iframe').contentWindow;
x.document.write("<html><body>Put content here</body></html>");
}
无论如何，这里有一些类似于虚拟网络计算的东西。