显示页面预览并在另一个站点中对其进行操作
Displaying a page preview and manipulate it in another site
我想向用户展示另一个页面(来自不同域)的小预览,让他控制页面的元素。例如:替换顶部的徽标。
我尝试了两种方法:
- 使用 iFrame 会导致我出现跨域问题。
- 我也不能在该页面上"预安装"javascript函数。
很想得到更多的想法。
谢谢!
你可以参考 http://jsbin.com/
输出div 有一个 iframe,您的页面是从其他域克隆的。
另一方面,您应该拥有您的管理界面,用户在其中更改任何更改 iframe 内容的 HTML 的内容(因为它是不是直接从其他域浏览器允许您修改的克隆)。因此,可以向用户显示实时预览。
在这里,有关如何更改iframe HTML,您有很多示例,否则请参阅 jsbin.com 代码。
我刚刚看到这篇文章。这可能会对您有所帮助。http://www.sitepoint.com/how-to-safeguard-your-site-with-html5-sandbox/
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 如何确定javascript已经完成了某些操作.ios上的
- 防止Alt+Shift默认操作或检测多种操作系统语言的Javascript
- 从JavaScript访问struts操作中的属性
- fluxxor向一个flux实例添加一组以上的操作
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 操作放置在画布上的元素之间的连接
- 使用“+="操作人员
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- Jquery未定义函数正在停止其他操作
- 如何操作iframe之外的元素
- javascript对象操作:根据指定条件选择属性
- JavaScript:将所见即所得编辑器对实时站点的更改转换为jQuery操作
- 将搜索按钮从一个站点复制到另一个站点:此搜索按钮如何工作,以及如何重现其操作
- 这个Javascript出了什么问题"Internet Explorer无法打开Internet站点-操作中止
- 不同的站点如何对简单的DOM操作做出反应
- 如何在Angular中让两个控制器执行相同的操作,但改变站点的视觉效果
- 确保MVC3操作只能由托管站点使用JavaScript加载
- 显示页面预览并在另一个站点中对其进行操作