显示页面预览并在另一个站点中操作它

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/