对比国内门户网站对Flash激活限制的处理

有了最新的解决方法，首发在淘宝UI组博客——

再谈IE中Flash控件的自动激活。

今年年初之时，微软发布了一个针对ActiveX控件的补丁，安装此补丁后的IE6中，当ActiveX控件获得焦点时，IE自动为其套上一个虚线矩形边框，并提示用户按下回车或者空格键以激活控件。刚刚正式发布中文版的IE7也是同样的处理。

最受影响的想必就是Flash控件了。当时我认为这对广告满屏飞的门户网站来说一定是个坏消息。不过微软也没有把事做绝，留了一条脚本方式解决的后路。

今天突然产生兴趣，想看看这些门户们如何应对此限制的。一番比较下来，给大家汇报一下：

新浪 (www.sina.com.cn)

首先在HTML的<head>中加载一个脚本：

<script type="text/javascript" src="http://image2.sina.com.cn/home/sinaflash.js"></script>

通过如下脚本在HTML中写入Flash广告：

<script type="text/javascript">
var objFlash = new sinaFlash("http://ad4.sina.com.cn/200611/17/73696_gundong.swf", "", "279", "56", "7", "", false,"high");
objFlash.addParam("wmode", "opaque");
objFlash.write("flashcontent_02AE4A");
</script>

下载sinaflash.js来看，其实正是 Adobe 建议使用的 SWFObject。参阅Adobe的文章 JavaScript Flash Player Detection and Embedding with SWFObject。Adobe还提供了一套另外的解决方案，并集成到Dreamweaver 中，不过好像用的人不多。

新浪将其改头换面，或许加入了一些自己的处理，我没有兴趣去弄清楚：）。但我想虽然人家是MIT License，但版权信息还是不要去掉为好。

搜狐 (www.sohu.com)

搜狐的手段和新浪如出一辙，首先加载：

<script src="http://www.sohu.com/sohuflash_1.js" type=text/javascript></script>

调用：

var sohuFlash2 = new sohuFlash("http://images.sohu.com/cs/button/lexus/4501051127.swf", "_bflexO", "450", "105", "7");
sohuFlash2.addParam("quality", "high");
sohuFlash2.addParam("wmode", "Opaque");
sohuFlash2.addVariable("clickthru","http://adc.go.sohu.com/200611/10083225efd048d2153be48383171872.php");
sohuFlash2.write("_turnAD9");

sohuflash_1.js 同样改写自SWFObject，而且改得更面目全非。没必要吧，同学。

你说是搜狐抄的新浪，还是新浪抄的搜狐？

网易 (www.163.com)

网易就是不一样，处理手段显得很有技术性。首先加载脚本:

<script src="/DartRichMedia_1_03.js"></script>

页面上直接用 docuemnt.write 写入 Flash 的HTML代码。

按照微软的说明，直接在页面上使用docuemnt.write写入是不能饶开激活限制的，Hack就是那个加载的js中。代码如下：

if(typeof(dclk_isDartRichMediaLoaded) == "undefined") {
dclk_isDartRichMediaLoaded = true;
function dclkWrite(str){
if(dclk_shouldOverride) {
dclk_original_documentWrite(str);
}
else{
document.write(str);
}
}
function dclkWriteln(str){
if(dclk_shouldOverride) {
dclk_original_documentWriteLn(str);
}
else{
document.writeln(str);
}
}
function dclk_isInternetExplorer() {
return (navigator.appVersion.indexOf("MSIE") != -1 && navigator.userAgent.indexOf("Opera") < 0);
}
dclk_shouldOverride = dclk_isInternetExplorer();
if(dclk_shouldOverride) {
dclk_original_documentWrite = document.write;
dclk_original_documentWriteLn = document.writeln;
document.write = dclkWrite;
document.writeln = dclkWriteln;
}
}

用这么迂回的方式覆盖JS默认的document.write就可以饶开激活限制？是不是有点诡异？希望网易的工程师能给大家解读一下。

雅虎中国 (cn.yahoo.com)

Yahoo!中国对Flash的处理中规中距，就是微软文章中说明的，使用一个外连的js文件，在js中用docuemnt.write 写入。

kaven，已经163天。

呵呵，因为一个专利原因，微软改变了activeX控件的处理方式导致的，这个问题好像是从2006.4.22起就正式生效了。不过微软网站都没有彻底解决干净，别说国内的网站了。

我在2006.4.20写了一个总结的帖子（http://www.dancewithnet.com/article.asp?ID=270），说明了解决原理和市面上流行的解决方法。

我当时的总结是：依据微软的技术信息和上述解决方案来看，解决问题的核心法就是实现active控件下载和主页面分离。其主要办法有两个： 1）利用javascript的document.write或innerHTML把下载activeX控件的标签从页面分离出去。采用js和页面分离是最容易实现的办法，就是目前雅虎中国采用的办法。网易采用的方法也是这个，只是巧妙了一些，原理也是一样的，通过外部文件嵌入的js代码重新替换主页面document.write方法，这样在主页面上利用document.write方法时其实是外部文件的函数来写入的，实现了active控件下载和主页面分离。这种解决方案的好处就是解决通过系统控制js用document.write方式投放的flash很方便。

2）利用javascript构造activeX控件下载函数，把需要下载的activeX标签属性写入函数。从长远和易用性角度来看，应用flashObject（http://blog.deconcept.com/flashobject/）类似的方法，是一个很好的选择，这就是目前sina和sohu的方法，用这种方法对于已经存在很多flash的网站来说可能修改起来是一个不小的工程了。

醒来，已经162天。

谢谢kaven的回复，我后来想了一下，网易的做法正是这个道理。

old9，已经161天。