1.网页内嵌动态生成的flash出错,出错信息如下:
#25081850 myChartId::RendererManager Error >> There was an error rendering the chart. Enable FusionCharts JS debugMode for more information.
2.出错原因:chrome禁用flash插件
3.解决方法:
再动态生成flash之前,放置一个空白的flash,提示用户点击允许当前网站运行flash
空白flash代码如下:
<div id="flashEmpty"> //空白flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">
<param name="wmode" value="transparent">
<embed src="https://www.shangyouw.cnmedia.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" ></embed>
</object>//前端全栈开发学习交流圈:866109386
</div>//帮助1-3年前端人员,突破技术瓶颈,提升思维能力
<div id="chart1div" align="center" >你的动态生成flash位置</div>
<script type="text/javascript">
var width=document.body.clientWidth;
var chart1 = new FusionCharts("Gantt.swf", "myChartId", 500, 500, "0", "1");
chart1.setDataXML(动态生成的xml图表文件);
chart1.render("chart1div");
// 判断已经生成正常flash时隐藏空白flash
setTimeout(function(){
var obJ =document.getElementById("chart1div").childNodes;
var name = obJ[0].nodeName;
if(name.toUpperCase() == 'OBJECT'){
document.getElementById("flashEmpty").style.display = 'none'
}
},500)
</script>
4.如何检查是否用户已在chrome成功加入flash白名单
打开谷歌浏览器的空白页输入:chrome://settings/content/flash,查看允许名单内是否包含如下
5.这种处理方式的弊端
每次用户点击后,都会强制刷新页面
对前端的技术,架构技术感兴趣的同学关注我的头条号,并在后台私信发送关键字:“前端”即可获取免费的架构师学习资料
知识体系已整理好,欢迎免费领取。还有面试视频分享可以免费获取。关注我,可以获得没有的架构经验哦!!