javascript - 显示页面预览并在另一个站点中对其进行操作

Question

我想向用户展示另一个页面（来自不同域）的小预览，让他控制页面的元素。例如：更换顶部的标志。

我尝试了两种方法：

1. 使用 iFrame 会导致我出现跨域问题。
2. 我也无法在该页面上“预安装”javascript 函数。

很想得到更多的想法。

谢谢！

Answer 1

可以参考http://jsbin.com/

输出 div 有一个 iframe，您的页面从其他域克隆。

另一方面，您应该拥有您的管理界面，用户在其中更改任何内容都会更改 iframe 内容的 HTML（因为它是不直接来自其他域浏览器的克隆，允许您进行修改）。因此可以向用户显示实时预览。

在这里，关于如何更改 iframe HTML 有很多示例，否则请参阅 jsbin.com 代码。

我刚看到这篇文章。这可能会帮助你。http://www.sitepoint.com/how-to-safeguard-your-site-with-html5-sandbox/