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

Displaying a page preview and manipulate it in another site

本文关键字:操作 站点 另一个 显示      更新时间:2023-09-26

我想向用户展示另一个页面(来自不同域)的小预览,让他控制页面的元素。例如:替换顶部的徽标。

我尝试了两种方法:

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

很想得到更多的想法。

谢谢!

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

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

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

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

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