阿里云dataV在iframe中不能全屏显示

作者: 纯爱壮壮 | 来源:发表于2018-07-25 13:47 被阅读0次

阿里云dataV在iframe中不能全屏显示
R 提取阿里云DATAV GeoAtlas中国地图
GEOJSON工具
vux中x-dialog自定义加载网页爬坑之路
可视化大屏设计
【实践】阿里QuickBI智能图表入门
快速开发大屏
HTML基础-09-浮动框架（）和颜色</a></li><li><a href="#r9">Echarts中国和省份地图(个人笔记)</a></li><li><a href="#r10">使用DataV制作实时销售数据可视化大屏（理论篇）</a></li></ol></div> <blockquote> <p>题记：这几天做阿里云的dataV实践过程中发现将dataV分享出来的url嵌套到iframe中无法使用dataV提供的全屏展示组件。</p> <p>一番调查之后发现iframe有allowfullscreen这个属性。因为平时用的比较少，所以这边做一下记录</p></blockquote> <p>具体属性解释摘自https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe</p><h4>mozallowfullscreen</h4> <p>使用allowfullscreen属性代替。在Gecko9.9及更高版本上，如果允许通过调用element.mozRequestFullScreen() 方法，设置frame为全屏模式，该属性被设置为true。如果该属性未被设置，iframe元素不能被设置为全屏模式。</p><h4>webkitallowfullscreen</h4> <p>使用 allowfullscreen 属性代替。在Chrome 17及更高版本上（或者更早），如果允许通过调用element.webkitRequestFullScreen() 方法，设置iframe为全屏模式，该属性被设置为true，如果该属性未被设置，iframe元素不能被设置为全屏模式</p> <blockquote> <p><iframe src="http://datav.aliyun.com/xxxxxxx"</p> <p>allowfullscreen="true"</p> <p>webkitallowfullscreen="true"</p> <p>mozallowfullscreen="true"></p></blockquote> </div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><a href="/user/qsdwdttx.html"><img src="https://img.haomeiwen.com/ud/6-fd30f34c8641f6f32f5494df5d6b8f3c.jpg" width="80"></a><h3><a href="/subject/lxypmftx.html">阿里云dataV在iframe中不能全屏显示</a></h3><p>题记：这几天做阿里云的dataV实践过程中发现将dataV分享出来的url嵌套到iframe中无法使用dataV提...</p></li><li id="r2"><a href="/user/gumqgxtx.html"><img src="https://img.haomeiwen.com/is21541801/814d715fc4460d90.png" width="80"></a><h3><a href="/subject/bowzyktx.html">R 提取阿里云DATAV GeoAtlas中国地图</a></h3><p>提取阿里云DATAV GeoAtlas 地图 json 本次文章介绍如何在阿里云DATAV GeoAtlas[ht...</p></li><li id="r3"><a href="/user/hgxqtttx.html"><img src="https://img.haomeiwen.com/ud/6-fd30f34c8641f6f32f5494df5d6b8f3c.jpg" width="80"></a><h3><a href="/subject/khciiqtx.html">GEOJSON工具</a></h3><p>阿里云DATAV GeoAtlas：http://datav.aliyun.com/tools/atlas/ GE...</p></li><li id="r4"><a href="/user/veichttx.html"><img src="https://img.haomeiwen.com/us2368357/3e0b158d-053f-4de0-b493-62c9086bb70b.png" width="80"></a><h3><a href="/subject/nabtmxtx.html">vux中x-dialog自定义加载网页爬坑之路</a></h3><p>嵌入iFrame显示问题 Android正常 iOS显示全屏高度 iFrame外面添加一个div进行包裹,并在di...</p></li><li id="r5"><a href="/user/idbwjttx.html"><img src="https://img.haomeiwen.com/is4933701/244e2f6875fc59db.png" width="80"></a><h3><a href="/subject/stqrectx.html">可视化大屏设计</a></h3><p>参考工具阿里云DataV https://data.aliyun.com/visual/datav 百度Suga...</p></li><li id="r6"><a href="/user/rhipfttx.html"><img src="https://img.haomeiwen.com/is1190574/82452550170203ea.png" width="80"></a><h3><a href="/subject/mzoatktx.html">【实践】阿里QuickBI智能图表入门</a></h3><p>1. 摘要在阿里云的大数据体系中，有两个数据展现组件，一个是QuickBI、一个是DataV。 DataV、是一...</p></li><li id="r7"><a href="/user/urkmnttx.html"><img src="https://img.haomeiwen.com/ud/10-e691107df16746d4a9f3fe9496fd1848.jpg" width="80"></a><h3><a href="/subject/joimvltx.html">快速开发大屏</a></h3><p>阿里的DataV https://www.alibabacloud.com/zh/product/datav[ht...</p></li><li id="r8"><a href="/user/ylvccftx.html"><img src="https://img.haomeiwen.com/is25672647/7a1cb45ab6976983.png" width="80"></a><h3><a href="/subject/oeltmrtx.html">HTML基础-09-浮动框架（<iframe>）和颜色</a></h3><p>1. 浮动框架 < iframe > 在框架中显示页面代码说明：a 中定义了 target="iframe_a...</p></li><li id="r9"><a href="/user/dvtraxtx.html"><img src="https://img.haomeiwen.com/us22989859/bfdd3334-3496-4a02-8747-e3d31d3c0635.jpg" width="80"></a><h3><a href="/subject/xfnoirtx.html">Echarts中国和省份地图(个人笔记)</a></h3><p>点击切换省份地图阿里云json下载地址[http://datav.aliyun.com/portal/schoo...</p></li><li id="r10"><a href="/user/ghpruttx.html"><img src="https://img.haomeiwen.com/is6548563/a703abc9e8ed9257.png" width="80"></a><h3><a href="/subject/kgmqyqtx.html">使用DataV制作实时销售数据可视化大屏（理论篇）</a></h3><p>课程目标了解可视化的应用场景掌握阿里云DataV可视化工具了解可视化大屏制作流程使用DataV模板制作可视...</p></li></ul></div></div><div id="comments"><h2>网友评论</h2><ul></ul></div><ul></ul><div class="article_by"><div class="bytitle"><p>本文标题：<font color="#666">阿里云dataV在iframe中不能全屏显示</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/lxypmftx.html</font></p></div></div></div><div class="meiwen-left fl mb"><div class="title ht"><h3>延伸阅读</h3><div class="share fr" id="bdshare"></div><i class="lt"></i><i class="rt"></i></div><div class="related"><ul class="related-list"><li><a class="meiwen" href="/mw/lbyctttx.html">那年盛夏诗歌</a></li><li><a class="meiwen" href="/sy/kbyctttx.html">环境监察队工作总结范文</a></li><li><a class="meiwen" href="/sy/hbyctttx.html">优秀教师学习心得范文</a></li><li><a class="meiwen" href="/sy/cbyctttx.html">华胥引的读后感300字</a></li><li><a class="meiwen" href="/yw/qbyctttx.html">《Its red》教学反思范文</a></li><li><a class="meiwen" href="/sy/fbyctttx.html">农资购销的合同范本</a></li><li><a class="meiwen" href="/sy/xbyctttx.html">竞选中队委优秀演讲稿</a></li><li><a class="meiwen" href="/yw/tbyctttx.html">辞金蹈海的成语解释</a></li><li><a class="meiwen" href="/ja/zvyctttx.html">《世纪宝鼎》公开课教案设计</a></li></ul></div><div class="picture" ><ul class="picture-list"><li><a class="meiwen" href="/article/69641.html"><img class="lazy" data-original="/uploads/allimg/1611/1-1611292156350-L.jpg" width="150" height="120" alt="因为爱你，所以牵挂"/><span>因为爱你，所以牵挂</span></a></li><li><a class="meiwen" href="/article/84632.html"><img class="lazy" data-original="/uploads/userup/2800/14V4C648-O08.jpg" width="150" height="120" alt="今生今世红尘醉——美到心碎的古诗词"/><span>今生今世红尘醉——美到</span></a></li><li><a class="meiwen" href="/article/53482.html"><img class="lazy" data-original="/uploads/allimg/1609/1-160ZPU1030-L.jpg" width="150" height="120" alt="一个90后的内心独白"/><span>一个90后的内心独白</span></a></li><li><a class="meiwen" href="/article/3639.html"><img class="lazy" data-original="/uploads/userup/1159/1432YGR-9294.jpg" width="150" height="120" alt="致已逝去的高中年华"/><span>致已逝去的高中年华</span></a></li></ul></div></div><div class="meiwen-left fl mb"><div id="pinglun"><div id="SOHUCS"></div></div></div><div class="meiwen-left fl"><div class="title ht"><h3>深度阅读</h3><ul class="list"><li><font color="#A2B088">您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！</font></li></ul><i class="lt"></i><i class="rt"></i></div><ul class="tags"><li><a class="meiwen" href="/huati/qingrenjie/">情人节</a></li><li><a class="meiwen" href="/huati/muqinjie/">母亲节</a></li><li><a class="meiwen" href="/huati/chongyangjie/">重阳节</a></li><li><a class="meiwen" href="/huati/qingmingjie/">清明节</a></li><li><a class="meiwen" href="/huati/duanwujie/">端午节</a></li><li><a class="meiwen" href="/huati/zhishujie/">植树节</a></li><li><a class="meiwen" href="/huati/yuanxiaojie/">元宵节</a></li><li><a class="meiwen" href="/huati/funvjie/">妇女节</a></li><li><a class="meiwen" href="/huati/yurenjie/">愚人节</a></li><li><a class="meiwen" href="/huati/shengdanjie/">圣诞节</a></li><li><a class="meiwen" href="/huati/fuqinjie/">父亲节</a></li><li><a class="meiwen" href="/huati/jiaoshijie/">教师节</a></li><li><a class="meiwen" href="/huati/ertongjie/">儿童节</a></li><li><a class="meiwen" href="/huati/laodongjie/">劳动节</a></li><li><a class="meiwen" href="/huati/qingnianjie/">青年节</a></li><li><a class="meiwen" href="/huati/jianjunjie/">建军节</a></li><li><a class="meiwen" href="/huati/wanshengjie/">万圣节</a></li><li><a class="meiwen" href="/huati/pinganye/">平安夜</a></li><li><a class="meiwen" href="/huati/guanggunjie/">光棍节</a></li><li><a class="meiwen" href="/huati/zhongqiujie/">中秋节</a></li><li><a class="meiwen" href="/huati/guoqingjie/">国庆节</a></li><li><a class="meiwen" href="/huati/ganenjie/">感恩节</a></li><li><a class="meiwen" href="/huati/labajie/">腊八节</a></li><li><a class="meiwen" href="/huati/">更多话题</a></li></ul></div><div class="cl"></div></div><div class="article-right"><div class="meiwen-right fr mb"><dt class="title hd"><h3>栏目导航</h3><i class="lt"></i><i class="rt"></i></dt><ul class="list-nav"><a class="meiwen" href="/c/hqtttttx.html">摄影</a><a class="meiwen" href="/c/vqtttttx.html">故事</a><a class="meiwen" href="/c/uttttttx.html">互联网</a><a class="meiwen" href="/c/cttttttx.html">读书</a><a class="meiwen" href="/c/yttttttx.html">旅行</a></ul></div></div><div class="meiwen-right fr mb"><div class="title hd"><h3>热点阅读</h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/ftypmftx.html">为什么开始写博客</a></li><li><a class="meiwen" href="/subject/xtypmftx.html">更改 CentOS 7 默认的 SSH 端口</a></li><li><a class="meiwen" href="/subject/ozepmftx.html">每日坚持295（20180717）</a></li><li><a class="meiwen" href="/subject/nzepmftx.html">cisco Switching-三层交换vlan间通信</a></li><li><a class="meiwen" href="/subject/wzepmftx.html">你好，旧时光</a></li><li><a class="meiwen" href="/subject/szepmftx.html">修行</a></li><li><a class="meiwen" href="/subject/jzepmftx.html">《见识》:商业的本质</a></li><li><a class="meiwen" href="/subject/kzepmftx.html">吵架，并不影响我爱你</a></li><li><a class="meiwen" href="/subject/xzepmftx.html">勤劳的母亲</a></li><li><a class="meiwen" href="/subject/aaepmftx.html">觉知</a></li></ul></div></div></div></div><div class="footer"><p class="p_1"><a href="/about/aboutus.html">关于我们</a>|<a href="/about/service.html">服务条款</a>|<a href="/about/contact.html">联系我们</a>|<a href="/subject/lxypmftx.html">阿里云dataV在iframe中不能全屏显示</a>|<a href="/about/tougao.html">投稿指南</a>|<a href="/sitemap.html">网站地图</a>|<a href="/rssmap.html">RSS订阅</a>|<a href="/about/paiban.html">排版工具</a>|<a href="javascript:vod(0);" onclick="Mobileurl()">手机版</a></p><p class="p_2">提供<a href="/meiwen/zhaichao/">经典美文摘抄</a>,<a href="/sanwen/">优美散文欣赏</a>,<a href="/shige/xiandai/">现代诗歌精选</a>,<a href="/xiaoshuo/">短篇小说</a>,<a href="/diary/suibi/">心情随笔</a>,<a href="/qingshu/">表白情书</a><a href="/fanwen/">范文</a>,<a href="/gushi/">故事会在线阅读</a>欣赏</p><p class="p_2">Copyright © 2014-2023 <a href="/">Haomeiwen.com</a> All Rights Reserved. <a href="/">好美文阅读网</a> 版权所有</p><p class="p_2">备案信息：<i></i>桂公网安备 45052102000051号 · 桂ICP备13007215号-3</p><div class="footer_service"><p class="p_2">本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯</p><p class="p_2">所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！</p></div></div><script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script><script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script><script type="text/javascript" src="/img/jquery.meiwen.min.js"></script></body></html>