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" style="z-index: 5"> //空白flash <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100" height="100" codebase=";> <param name="wmode" value="transparent"> <embed src="media.swf" quality="high" pluginspage="; type="application/x-shockwave-flash" width="200" height="115"></embed> </object>//前端全栈开发学习交流圈:866109386 </div>//帮助1-3年前端人员,突破技术瓶颈,提升思维能力 <div style="z-index: 6" id="chart1div" align="center" >你的动态生成flash位置</div> <script type="text/javascript"> var width=document.body.clientWidth; var chart1 = new FusionCharts("Gan;, "myChartId", 500, 500, "0", "1"); c(动态生成的xml图表文件); c("chart1div"); // 判断已经生成正常flash时隐藏空白flash setTimeout(function(){ var obJ =document.getElementById("chart1div").childNodes; var name = obJ[0].nodeName; i() == 'OBJECT'){ document.getElementById("flashEmpty"). = 'none' } },500) </script>4.如何检查是否用户已在chrome成功加入flash白名单
打开谷歌浏览器的空白页输入:chrome://settings/content/flash,查看允许名单内是否包含如下5.这种处理方式的弊端
每次用户点击后,都会强制刷新页面
对前端的技术,架构技术感兴趣的同学关注我的头条号,并在后台私信发送关键字:“前端”即可获取免费的架构师学习资料
知识体系已整理好,欢迎免费领取。还有面试视频分享可以免费获取。关注我,可以获得没有的架构经验哦!!