iframe无法在Chrome中读取Cookie [英] iframe not reading cookies in Chrome

查看：952 发布时间：2020/10/9 3:15:51 javascript google-chrome iframe cookies cross-domain

本文介绍了iframe无法在Chrome中读取Cookie的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

Chrome浏览器不允许子iframe读取自己的cookie。

我有一个带有子iframe的父网页：

I have a parent webpage with a child iframe:

父母在 https://first-site.com

位于的孩子（在父母内部）</li> <br/> <li> cookie设置为<br/> <br/> <ul> <br/> <li>路径：'/'</li> <br/> <li>安全：true </li> <br/> <li> httpOnly：false </li> <br/> <li>域：'.second-site.com'</li> <br/> <em class="showen"></em></ul> <ul class="en"> <li>parent at <code>https://first-site.com</code></li> <li>child at <code><iframe src="https://second-site.com"></code> (inside of parent)</li> <li>cookie set with <ul> <li>path: '/'</li> <li>secure: true</li> <li>httpOnly: false</li> <li>domain: '.second-site.com'</li> </ul> <p class="cn">我同时控制两个网站，并且希望iframe在iframe中执行一项操作，该操作要求读取<code> .second-site.com的cookie </code>。外部父级对此一无所知。<em class="showen"></em></p> <p class="en">I control both sites, and I want the iframe to perform an operation within the iframe that requires reading cookies for <code>.second-site.com</code>. The outer parent doesn't need to know anything about this.</p> <p class="cn"> <strong>它适用于除Chrome之外的所有浏览器。</strong> </p> <p class="cn"> Chrome根本不会将子页面本身的cookie提供给子对象。<em class="showen"></em></p> <p class="en">Chrome is simply not making the child page's own cookies available to the child.</p> <p class="cn">在其自己的窗口中访问子页面并执行<em class="showen"></em></p> <p class="en">Visiting the child page in its own window and performing the operation works in all browsers, including Chrome.</p> <p class="cn">我已经在所有排列中尝试了这两个选项：<em class="showen"></em></p> <p class="en">I've tried both of these options in all permutations:</p> <ul class="cn"> <br/> <li>为cookie设置<code> secure：false </code>或<code> secure：true </code> </li> <br/> <li>为iframe设置<code> sandbox = allow-same-origin allow-scripts </code>，或删除<code> sandbox </code>属性</li> <br/> <em class="showen"></em></ul> <ul class="en"> <li>Set <code>secure:false</code> or <code>secure:true</code> for the cookie</li> <li>Set <code>sandbox="allow-same-origin allow-scripts"</code> for the iframe, or remove the <code>sandbox</code> attribute</li> </ul> <p class="cn"> Chrome的功能有所不同，Chrome中的iframe如何访问其自己的Cookie？<em class="showen"></em></p> <p class="en">What is Chrome doing differently, and how can an iframe in Chrome access its own cookies?</p> <h3 class="best_ans mt-1">推荐答案</h3> <p class="cn">服务器自动设置了一个相对较新的cookie属性，称为<code> SameSite </code> 。禁用此功能（同时保留问题中列出的设置）将允许iframe在Chrome中访问自己的Cookie。<em class="showen"></em></p> <p class="en">There is a relatively new cookie attribute called <code>SameSite</code> that was being set by my server automatically. Disabling this (while retaining the settings listed in the question) allows the iframe access to its own cookies in Chrome.</p> <p class="cn">另请参见<a href = https://www.chromestatus.com / feature / 4672634709082112 rel = noreferrer> Chrome功能状态</a>& <a href=\"https://tools.ietf.org/html/draft-west-first-party-cookies-07\" rel=\"noreferrer\"> IETF草案</a> <em class="showen"></em></p> <p class="en">See also Chrome feature status & IETF draft</p> <p class="cn"> <strong>更新2020年8月</strong> </p> <p class="cn"> Chrome现在可以阻止未设置<code> SameSite </code>的Cookie，因此您需要明确设置将其更改为<code> samesite = none </code>和<code> secure = true </code>。<em class="showen"></em></p> <p class="en">Chrome now blocks cookies without <code>SameSite</code> set, so you need to explicitly set it to <code>samesite=none</code> and <code>secure=true</code>.</p> <p>这篇关于iframe无法在Chrome中读取Cookie的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2015206');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="iframe 不读取 Chrome 中的 cookie" href="/2696898.html"> iframe 不读取 Chrome 中的 cookie; </a> </li> <li> <a target="_blank" title="javascript Chrome 扩展无法读取 httponly cookie" href="/2711714.html"> javascript Chrome 扩展无法读取 httponly cookie; </a> </li> <li> <a target="_blank" title="javascript Chrome扩展程序无法读取httponly Cookie" href="/549677.html"> javascript Chrome扩展程序无法读取httponly Cookie; </a> </li> <li> <a target="_blank" title="iframe全屏无法在Chrome中运行？" href="/883797.html"> iframe全屏无法在Chrome中运行？; </a> </li> <li> <a target="_blank" title="Google Chrome-在iFrame中无法下载PDF" href="/1735738.html"> Google Chrome-在iFrame中无法下载PDF; </a> </li> <li> <a target="_blank" title="无法在Perl中读取完整的cookie" href="/2015261.html"> 无法在Perl中读取完整的cookie; </a> </li> <li> <a target="_blank" title="在框架/ iframe中禁用Cookie" href="/549212.html"> 在框架/ iframe中禁用Cookie; </a> </li> <li> <a target="_blank" title="PHP无法读取Cookie？" href="/548866.html"> PHP无法读取Cookie？; </a> </li> <li> <a target="_blank" title="无法读取Cookie值" href="/1445912.html"> 无法读取Cookie值; </a> </li> <li> <a target="_blank" title="DOMException:无法从“窗口"读取"localStorage"属性:在Chrome隐身模式下并在Iframe中运行" href="/2106662.html"> DOMException:无法从“窗口"读取"localStorage"属性:在Chrome隐身模式下并在Iframe中运行; </a> </li> <li> <a target="_blank" title="在Iframe加载中读取Iframe内容" href="/863022.html"> 在Iframe加载中读取Iframe内容; </a> </li> <li> <a target="_blank" title="在 iframe 加载中读取 iframe 内容" href="/2701032.html"> 在 iframe 加载中读取 iframe 内容; </a> </li> <li> <a target="_blank" title="无法在Chrome中访问Cookie，在Firefox中可以正常工作" href="/2015291.html"> 无法在Chrome中访问Cookie，在Firefox中可以正常工作; </a> </li> <li> <a target="_blank" title="Javascript无法在Chrome上创建/识别Cookie" href="/548580.html"> Javascript无法在Chrome上创建/识别Cookie; </a> </li> <li> <a target="_blank" title="Chrome中的iframe错误：未捕获SecurityError：无法从“窗口”读取'sessionStorage'属性" href="/818525.html"> Chrome中的iframe错误：未捕获SecurityError：无法从“窗口”读取'sessionStorage'属性; </a> </li> <li> <a target="_blank" title="无法在Chrome中使用和不使用www来读取/写入相同的cookie。" href="/1115570.html"> 无法在Chrome中使用和不使用www来读取/写入相同的cookie。; </a> </li> <li> <a target="_blank" title="PHP无法读取javascript cookie" href="/2015483.html"> PHP无法读取javascript cookie; </a> </li> <li> <a target="_blank" title="为什么Chrome无法设置Cookie" href="/1766322.html"> 为什么Chrome无法设置Cookie; </a> </li> <li> <a target="_blank" title="Chrome扩展：在Chrome扩展中设置永久cookie？" href="/819187.html"> Chrome扩展：在Chrome扩展中设置永久cookie？; </a> </li> <li> <a target="_blank" title="阅读IFrame Cookie" href="/549441.html"> 阅读IFrame Cookie; </a> </li> <li> <a target="_blank" title="iFrame和Cookie" href="/2015260.html"> iFrame和Cookie; </a> </li> <li> <a target="_blank" title="在iframe中设置Cookie - 不同的域" href="/548924.html"> 在iframe中设置Cookie - 不同的域; </a> </li> <li> <a target="_blank" title="在 iframe 中设置 cookie - 不同的域" href="/2696952.html"> 在 iframe 中设置 cookie - 不同的域; </a> </li> <li> <a target="_blank" title="iframe中的HTML定位无法在Chrome或Safari中使用" href="/576148.html"> iframe中的HTML定位无法在Chrome或Safari中使用; </a> </li> <li> <a target="_blank" title="Chrome 中的 iframe 错误:无法从“窗口"读取“localStorage":此文档的访问被拒绝" href="/2722099.html"> Chrome 中的 iframe 错误:无法从“窗口"读取“localStorage":此文档的访问被拒绝; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>前端开发最新文章</h5> <ul> <li> <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html"> 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？; </a> </li> <li> <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html"> 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接; </a> </li> <li> <a target="_blank" title="如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？" href="/1009885.html"> 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？; </a> </li> <li> <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html"> 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？; </a> </li> <li> <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件" href="/818517.html"> 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件; </a> </li> <li> <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html"> 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？; </a> </li> <li> <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html"> 此请求已被阻止;内容必须通过HTTPS提供; </a> </li> <li> <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html"> 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）; </a> </li> <li> <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html"> 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点; </a> </li> <li> <a target="_blank" title="拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html"> 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = 'iframe,无法,在,chrome,中,读取,cookie'; var cat = 'cc';';//qianduan</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section>  <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>