博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决Flash和html在多标签浏览器中互访问题
阅读量:5288 次
发布时间:2019-06-14

本文共 2387 字,大约阅读时间需要 7 分钟。

  在Flash播放器运行时,将不同来源的资源划分到独立的沙箱(sandbox)内,不同沙箱之间不能 彼此操作数据(除非目标沙箱做过一些设置,授权其他沙箱可访问),这就是Flash的跨沙箱问题。当Flash文件(.swf) 和页面(.html)不在同一个域名下时,如果不经过Flash内部声明System.allowDomain,html无法访问flash定义的接口; 不经过html设置allowScriptAccess为’always’,Flash也无法调用页面上的js函数。

    那么如果html和flash都设置了互相可以访问,是否Flash和html之间就可以互相访问了呢?理论上是的,然而实际上却不是。

    在Chrome、Firefox等非IE浏览器上,互访是没有问题的。在IE6、IE7、IE8上也是正常的。但是在傲游、360浏览器、腾讯浏览器等基于IE的多标签浏览器中,刷新页面的时候,Flash播放器还是会报安全沙箱错误。

    比如在某一个页面访问中,使用“基于IE的多标签浏览器”访问,你会看到,第一次是正常的,刷新之后就不正常。如果你安装的是debug版本的播放器,可以看到Flash运行时发生了异常。

    SecurityError: Error #2060: 安全沙箱冲突:ExternalInterface 调用者 http://xxxx.swf<不能访问 http://yyyy.html。

  at flash.external::ExternalInterface$/_initJS() at flash.external::ExternalInterface$/call() at Main/start() at Main/init()

  at Main()Flash的源码:

  package{ import flash.display.Sprite; import flash.external.ExternalInterface; import flash.system.Security; import flash.text.TextField;

/** * Flash缓存造成的伪沙箱问题演示 * @author qhwa */ public class Main extends Sprite {
public function Main():void { var tf:TextField = new TextField(); tf.text = 'flash ready'; tf.autoSize = 'left'; addChild(tf);
//允许被所有其他沙箱中的js或flash调用 Security.allowDomain("*");
start(); }
private function start():void { //在基于IE的多标签浏览器中,这里运行时可能出错 ExternalInterface.call("alert", "Hi, flash is ready!"); ExternalInterface.addCallback('drawCircle', drawCircle); }
private function drawCircle():void { TextField(getChildAt(0)).appendText('\nDraw a circle');
graphics.beginFill(Math.random() * 0xFFFFFF, .5); graphics.drawCircle( Math.random() * stage.stageWidth, Math.random() * stage.stageHeight, 50); graphics.endFill(); }
} }

    似乎一旦swf是从缓存中读取的,allowScriptAccess这个配置就不起作用?为了验证是不是缓存引起的,我们每次为swf文件地址后面加上随机的数字,发现就不存在上面的问题了。可见这个问题确实是浏览器缓存造成的。

    为swf文件动态加时间戳或随机数,通过防止缓存可以回避掉这个问题。不过这不是一个很好的方案,因为这会极大增加服务器的压力,并且导致页面加载速度一直都很慢。

    不过好消息是,目前有个比这个更好的方案:延迟Flash的初始化功能。通过将Flash的ExternalInterface.addCallback时机延后一些,就可以解决这个问题。

    修改一下Flash的代码,加一个setTimeout:

  …(略) public class Main extends Sprite {

  public function Main():void { …(|>略) //start(); setTimeout(start, 500); }
…(|>略)
} } 那么,延迟多少比较合适呢?如果太多,用户会感觉到明显的延迟;太少,一些性能较差的电脑上问题依然存在。根据我一年多总结的经验,500ms是比较合理的数字。目前阿里巴巴中国网站上使用的Flash应用程序,如果有需要和js通信,都是延迟500ms初始化。

    顺便说一下,延迟500ms还有另外的一个作用。IE6中,Flash初始化的时候无法得到 stage.stageWidth正确的数字,返回是0(stageHeight也一样)。延迟一点初始化就可以得到正确的数值了。

    目前我还没有发现比延迟初始化更好的解决方案,如果你有更好的办法,欢迎交流!

转载于:https://www.cnblogs.com/hujiong/p/3299253.html

你可能感兴趣的文章
密码【高精】
查看>>
小程序 new Date(2019-03-01 00:00:00) 返回对象null
查看>>
OCP升级(3.7 ->3.9)
查看>>
css的权重
查看>>
UIButton的状态state
查看>>
CentOS系统参数优化
查看>>
消息头 Content-Type引发的问题:Jmeter请求中postdata不是期望的,响应数据请求参数为null;已经请求没问题,可变量还是为空...
查看>>
诸城模拟赛 dvd的逆序对
查看>>
数据结构练习(18)左旋转字符串
查看>>
【CODEVS】2833 奇怪的梦境
查看>>
关于《翁恺 程序设计入门》视频笔记(四)
查看>>
Node.js模板引擎学习----ejs
查看>>
Visual Studio各版本区别
查看>>
(KMP 求循环节)The Minimum Length
查看>>
(区间dp + 记忆化搜索)Treats for the Cows (POJ 3186)
查看>>
计算机四级网络工程师复习提纲
查看>>
SQL总结
查看>>
Python2.7-bz2
查看>>
CoderForce 140C-New Year Snowmen(贪心)
查看>>
二十年来寻刀剑,几回落叶又抽枝
查看>>