父页面如何跨域操作iframe中的子页面，并且该子页面是第三方的，我无法给它添加代码
qq286735628 · 2012-08-22 10:02:28 +08:00 · 4432 次点击这是一个创建于 4480 天前的主题，其中的信息可能已经有所发展或是发生改变。
父页面http://a.com/father.html
子页面http://b.com/child.html
父页面通过iframe加载子页面，但是浏览器安全限制，父页面无法对子页面进行操作。
现行的很多方法，有通过postMessage的、有通过给子页面再加一个iframe做代理的。
但是有一个问题，假如子页面是第三方的，我没有权限对child.html文件内容进行修改，也就是说上述的代理和postMessage都无法使用，那么父页面如何与子页面进行通信？
子页面http://b.com/child.html
父页面通过iframe加载子页面，但是浏览器安全限制，父页面无法对子页面进行操作。
现行的很多方法，有通过postMessage的、有通过给子页面再加一个iframe做代理的。
但是有一个问题，假如子页面是第三方的，我没有权限对child.html文件内容进行修改，也就是说上述的代理和postMessage都无法使用，那么父页面如何与子页面进行通信？
9 条回复 • 1970-01-01 08:00:00 +08:00
 |
1
gonghao 2012-08-22 10:09:23 +08:00
那就彻底很无奈～～
要不就搞个 proxy 把第三方代理到自己域名下，然后怎么着怎么着，都好搞，但是这样确实也会有个各种坑～ |
 |
2
qq286735628 OP @gonghao 第三方是以CDN方式部署的，搞proxy的话，就把流量和请求的压力给弄上代理了～
|
|
3
gonghao 2012-08-22 11:02:42 +08:00  1
@qq286735628 除了 proxy 真心没有其他办法了，这个十分蛋疼，之前遇过这种问题，再三权衡之后就是 proxy 了～
|
 |
4
sivacohan 2012-08-22 19:01:27 +08:00
你要干什么？不同情况有不同选择。单纯的按照你这么说，的确没办法了。可以考虑下flash，java applet
|
|
5
qq286735628 OP @gonghao @sivacohan
其实我还想了一种方法，但是还没去尝试，同时不知道这种方法在性能上面会有多大影响～ 父页面http://a.com/father.html 子页面http://a.com/child.html 跨域资源htp://b.com/clild.html 父页面通过Ajax请求，把我要的跨域资源http://b.com/child.html全部取下来，然后给iframe里面的http://a.com/child.html重新装上去。 这样的操作之后，父页面再和子页面进行互相操作，就都在同域了。 但是iframe里面的页面DOM节点重新生成了，手机上运行估计吃不消。 |
 |
6
watert 2012-08-22 19:14:56 +08:00
这个感觉跟用代理没有区别呀
|
|
7
sivacohan 2012-08-22 20:47:39 +08:00
@qq286735628 你既然都抓取下来了，还iframe干什么啊？另外，你要在手机上用？什么手机啊？手机上支持ajax吗。。。不太清楚，没给手机做过。如果你这样做，不如直接在服务端玩了。
|
|
8
gonghao 2012-08-22 22:23:01 +08:00
|
|
9
qq286735628 OP @watert 这样的话，代理就是浏览器自己罗，不过压力上来了
@sivacohan 正常用ajax抓取之后，如果把拿到的东西是放在father.html里面的某个DIV里面，会丢失原http://b.com/child.html中的head标签里面的信息，例如一些CSS\JS等 @gonghao 你这个提醒我了，XMLHttpRequest请求没法跨域 囧了 |
Select Language