iframe在firefox上的不显示的问题

作者: qboy0000 | 来源:发表于2020-04-12 02:16 被阅读0次

iframe在firefox上的不显示的问题
IE6 hack for js
vue-cli3 中使用 iframe 路径不起作用
vux中x-dialog自定义加载网页爬坑之路
定位工具
iframe在ios中兼容的问题
IFrame Resizer
python3+selenium自动化测试-JS处理内嵌div滚
HTML基础-09-浮动框架（）和颜色</a></li><li><a href="#r10">Iframe</a></li></ol></div> <p>一次测试中过程中测试人员说有一个页面无法显示，通过其截图发现不显示部分是一个iframe，一开始我以为iframe中对应的服务挂了，但是我通过后台和使用chrome浏览器发现显示是正常，看到其使用的是Firefox浏览器，然后在Win7中下载最新版本的Firefox 75。显示也是正常，所以特别奇怪。后来发现他的FireFox版本60.5 是Kali自带的。所以我也从FireFox的历史版本中也下载了对应版本，发现确实存在这个问题，但是iframe中的网页单独用Firefox打开显示是没有问题的，所以应该是浏览器不兼容问题</p> <p>经过google发现这是firefox的一个问题，也有不少人碰到相关情况。原因是FireFoxy认为iframe可能存在跨站问题，详见参考[1]，只需要在response的响应头部添加<code>X-Frame-Options</code><br> 由于使用的是Nginx部署，因此<br> 配置 nginx 发送<code>X-Frame-Options</code> 响应头，把下面这行添加到 'http', 'server' 或者 'location' 的配置中:</p> <pre><code>add_header X-Frame-Options sameorigin always; </code></pre> <blockquote> <p>其他中间件参考[1]有详细描述</p></blockquote> <p>但是添加完之后依然无法显示，打开Firefox的开发者工具发现，里面<code>X-Frame-Options</code> 响应头有两个，分别是<br> </p> <img src="https://img.haomeiwen.com/i13860192/f4eeaa915bbb3058.png"> 响应头 <br> 才发现在原程序中已经设置过<code>X-Frame-Options</code>，且设置的是<code>ALLOW-FROM any</code>而通过兼容性表发现，在70以下的FireFox不支持<code>ALLOW-FROM</code>，因此依然不显示。 <h2>修改源码</h2> <p>直接修改iframe对应的服务源码，删除源码中的<code>X-Frame-Options</code>中的配置.</p> <h2>修改nginx</h2> <p>通过google也发现在nginx中有一个第三方模块<code>headers-more-nginx-module</code>可以修改响应的头，因此想采用这种方式。<br> 编译nginx的动态源码需要Nginx的源码来编码,参考[2]</p> <h3>重新编译nginx</h3> <pre><code>apt install libgd-dev apt-get install libpcre3 libpcre3-dev </code></pre> <p>编译里需要把原nginx的编译参数带上，使用<code>nginx -V</code>来编译，如果没有加上可能会</p> <pre><code>nginx: [emerg] module "/etc/nginx/modules/ngx_http_headers_more_filter_module.so" is not binary compatible in /etc/nginx/nginx.conf:5 </code></pre> <p>再加上<code>--add-dynamic-module=../headers-more-nginx-module-0.33</code></p> <pre><code>/usr/bin/ld: objs/addon/src/ngx_http_headers_more_filter_module.o: relocation R_X86_64_PC32 against 符号 `ngx_http_headers_more_location_hash' can not be used when making a shared object; recompile with -fPIC </code></pre> <p>需要在<code>--with-cc-opt</code>和<code>--with-ld-opt</code>中添加<code>-fPIC</code></p> <pre><code>load_module /path/to/modules/ngx_http_headers_more_filter_module.so; </code></pre> <p>X-Frame-Options浏览器兼容性</p> <br> <img src="https://img.haomeiwen.com/i13860192/9ef44d03cadf4e3f.png"> 浏览器兼容性 <blockquote> <p>所有历史版本的FireFox下载地址:<a href="https://links.jianshu.com/go?to=http%3A%2F%2Fftp.mozilla.org%2Fpub%2Ffirefox%2F" target="_blank">http://ftp.mozilla.org/pub/firefox/</a></p></blockquote> <blockquote> <p>【参考】<br> [1] <a href="https://links.jianshu.com/go?to=https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FWeb%2FHTTP%2FX-Frame-Options" target="_blank">https://developer.mozilla.org/zh-CN/docs/Web/HTTP/X-Frame-Options</a><br> [2] <a href="https://links.jianshu.com/go?to=https%3A%2F%2Fwww.nginx.com%2Fblog%2Fcompiling-dynamic-modules-nginx-plus%2F" target="_blank">https://www.nginx.com/blog/compiling-dynamic-modules-nginx-plus/</a></p></blockquote> </div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><a href="/user/rkprcxtx.html"><img src="https://img.haomeiwen.com/is13860192/9ef44d03cadf4e3f.png" width="80"></a><h3><a href="/subject/ajbumhtx.html">iframe在firefox上的不显示的问题</a></h3><p>一次测试中过程中测试人员说有一个页面无法显示，通过其截图发现不显示部分是一个iframe，一开始我以为iframe...</p></li><li id="r2"><a href="/user/ezhttttx.html"><img src="https://img.haomeiwen.com/ud/3-9a2bcc21a5d89e21dafc73b39dc5f582.jpg" width="80"></a><h3><a href="/subject/dgmltttx.html">IE6 hack for js</a></h3><p>1. ie6下iframe不显示的问题在ie6下有时会碰到iframe不显示的问题，刷新后才能显示，此问题不...</p></li><li id="r3"><a href="/user/alrrgttx.html"><img src="https://img.haomeiwen.com/ud/15-a7ac401939dd4df837e3bbf82abaa2a8.jpg" width="80"></a><h3><a href="/subject/cvxwictx.html">vue-cli3 中使用 iframe 路径不起作用</a></h3><p>iframe 会存在能耗、安全问题，有时还是会用到问题在cli3中使用 iframe ，总显示#app页面内容...</p></li><li id="r4"><h3><a href="/subject/nabtmxtx.html">vux中x-dialog自定义加载网页爬坑之路</a></h3><p>嵌入iFrame显示问题 Android正常 iOS显示全屏高度 iFrame外面添加一个div进行包裹,并在di...</p></li><li id="r5"><h3><a href="/subject/uwaoyttx.html">定位工具</a></h3><p>FireFox:xpath checker Chrome:Xpath Finder 关于iframe的定位，Fir...</p></li><li id="r6"><h3><a href="/subject/wvtqwttx.html">iframe在ios中兼容的问题</a></h3><p>iframe在iOS中显示异常的问题：如果iframe的内容可以自适应，并且在没有内部滚动条的情况下重新改变大小...</p></li><li id="r7"><a href="/user/hgloyxtx.html"><img src="https://img.haomeiwen.com/ud/8-a356878e44b45ab268a3b0bbaaadeeb7.jpg" width="80"></a><h3><a href="/subject/xsiaxrtx.html">IFrame Resizer</a></h3><p>在使用iframe时，经常遇到的问题是由于内容与iframe的尺寸不匹配，会产生多余的滚动条。处理这种问题常常需要...</p></li><li id="r8"><a href="/user/ahbvettx.html"><img src="https://img.haomeiwen.com/us5794826/97c7b3eb-f5bb-4e8f-98a0-dafcbdb9e51c" width="80"></a><h3><a href="/subject/hpfvsktx.html">python3+selenium自动化测试-JS处理内嵌div滚</a></h3><p>（15）JS处理富文本上iframe的问题以及1、过js的方法处理富文本上iframe的问题代码参考： 2、内嵌...</p></li><li id="r9"><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="r10"><h3><a href="/subject/klvlsxtx.html">Iframe</a></h3><p>iframe 用于在网页内显示网页。添加iframe的语法 URL 指向隔离页面的位置 Iframe - 设置高...</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">iframe在firefox上的不显示的问题</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/ajbumhtx.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/ylbumhtx.html">野外春游</a></li><li><a class="meiwen" href="/subject/hlbumhtx.html">华杉讲透资治通鉴3（上）</a></li><li><a class="meiwen" href="/subject/tlbumhtx.html">2020.4.11 周六晴</a></li><li><a class="meiwen" href="/subject/zkbumhtx.html">从《人生十二法则》中我学到了什么六：不要主动给自己的人生增加无谓</a></li><li><a class="meiwen" href="/subject/vkbumhtx.html">混沌之城居家岛第十九天</a></li><li><a class="meiwen" href="/subject/mkbumhtx.html">受难周～下到阴间</a></li><li><a class="meiwen" href="/subject/pkbumhtx.html">你认识萱轩吗</a></li><li><a class="meiwen" href="/subject/ykbumhtx.html">全排列2</a></li><li><a class="meiwen" href="/subject/jkbumhtx.html">合作＆学习＆转化</a></li><li><a class="meiwen" href="/subject/xkbumhtx.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/ajbumhtx.html">iframe在firefox上的不显示的问题</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>