开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

iframe中的Safari和cookies

在回答这个问题之前，我想先解释一下iframe、Safari和cookies的概念。

iframe（内联框架）：iframe是HTML中的一个标签，用于在网页中嵌入另一个网页或文档。通过使用iframe，可以将一个网页嵌入到另一个网页中的特定区域，实现页面的嵌套和组合。
Safari：Safari是苹果公司开发的一款网页浏览器，适用于苹果设备（如iPhone、iPad和Mac电脑）。Safari具有快速的浏览速度、良好的用户体验和强大的隐私保护功能，是苹果设备上默认的浏览器。
Cookies：Cookies是一种存储在用户计算机上的小型文本文件，用于在网站和浏览器之间传递信息。它们通常用于记录用户的偏好设置、登录状态、购物车内容等。Cookies可以在浏览器发送请求时被服务器读取和修改，以提供个性化的用户体验。

现在，让我们来探讨一下在Safari中使用iframe时与cookies相关的问题。

在Safari浏览器中，存在一些与cookies相关的限制和特殊行为：

第三方Cookie限制：Safari默认情况下会阻止第三方网站设置和读取cookies。这意味着，如果一个网页中嵌入了来自不同域名的iframe，那么在Safari中，这些iframe无法通过cookies进行通信。这是Safari浏览器的隐私保护机制，旨在防止跨站点追踪。
预加载iframe中的cookies：在Safari中，如果一个iframe被预加载（即在页面加载时提前加载），则其中的cookies会被视为第三方cookies并被阻止。这意味着，即使iframe所在的域名与主页面相同，预加载的iframe也无法通过cookies与主页面进行通信。
Storage Access API：为了解决第三方Cookie限制的问题，Safari引入了Storage Access API。通过该API，网站可以请求用户授权，以在iframe中共享cookies。但是，这需要网站开发人员进行额外的配置和代码编写。

综上所述，Safari中的iframe与cookies之间存在一些限制和特殊行为。开发人员在使用iframe时需要注意这些限制，并根据需要采取相应的解决方案，如使用Storage Access API来共享cookies。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps

相关搜索:Applink在Safari浏览器中的iframe中不起作用 Firefox和Safari中的绝对定位问题 IE和Safari中的Flexbox最大高度 indexedDB可以在Safari中的iframe中工作吗？Safari中Flexbox设置错误的iframe高度 Safari和iOS中的头问题 Safari和WKWebview中不同的滚动行为 Safari桌面中奇怪的iframe滚动行为 Wordpress中的iFrame只出现在Safari中为什么Safari忽略我的会话/记住我的cookies？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

使用Safari或者Chrome远程调试IOS Safari中的页面

浏览器的“开发”菜单运行 Safari 浏览器，然后依次选取“Safari 浏览器”>“偏好设置”，点按“高级”面板，然后勾选“在菜单栏中显示开发菜单”。...[image.png] 1.3 调试步骤先用IPhone 的Safari打开要调试的页面，然后将IPhone连到Mac上，打开Mac的Safari浏览器，在“开发”菜单中选择连接的手机，找到调试的网页...中打开 localhost:9221 ，可以看到当前已连接的设备列表，找到设备然后点击进去。...，NFC技术、搜索技术、爬虫技术、推荐技术、音视频互动直播等，只要有时间我就会整理分享，敬请期待，现成的笔记、脑图和学习资料如果大家有需求也可以公众号留言提前获取。...由于本人在所有团队中基本都处于攻坚和探路的角色，搞过的东西多，遇到的坑多，解决的问题也很多，欢迎大家加公众号进群一起交流学习。

18.2K0 0

Javascript 中如何存储，获取和删除 Cookies

Javascript 中如何存储，获取和删除 Cookies。

1.5K2 0

面试中的cookies、session、token

前言一般在面试的时候，经常会被问到关于什么是cookies、session、token，大多数面试官可以通过这几个概念基本上了解到你对接口请求方面是否了解或者工作中掌握的熟练程度。...1、隐私问题：cookies会记录用户的个人信息和行为，会泄露给第三方用于投放广告或个人信息进行泄露。...利用cookies可以做什么就拿我们测试行业来说，在做自动化测试的时，保证cookies没有过期的前提下，可以将对应的cookies添加到浏览器中，或通过脚本语言进行模拟cookies发送给服务器，这样就能实现用户的登录...session的格式显示 session的格式通常是已键值对的形似进行保存，每个键值对表示一个变量和对应的值，我们可以通过F12中在Storage中进行查看，当然每个session保存路径可能不一样。...我们日常生活中的接口测试中光登录其实就是通过这三个进行实现的。文章中太多的文字介绍，具体的还需要大家结合自己公司的项目进行了解，进行动手操作，这样才能更加得心应手。

1832 0

cookies，sessionStorage和localStorage的区别？

浏览量 1 共同点：都是保存在浏览器端，且是同源的。 ...区别： cookies是为了标识用户身份而存储在用户本地终端上的数据，始终在同源http请求中携带，即cookies在浏览器和服务器间来回传递，而sessionstorage和localstorage不会自动把数据发给服务器...存储大小的限制不同，cookie保存的数据很小，不能超过4k，而sessionstorage和localstorage保存的数据大，可达到5M。...数据的有效期不同，cookie在设置的cookie过期时间之前一直有效，即使窗口或者浏览器关闭。sessionstorage仅在浏览器窗口关闭之前有效。...localstorage始终有效，窗口和浏览器关闭也一直保存，用作长久数据保存。

3781 0

js获取iframe中的内容(iframe内嵌页面)

大家好，又见面了，我是你们的朋友全栈君。 js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数，再到子页面中调用。...iframe for(i=0;i js怎样获取iframe，src中的参数如何获取iframe里的src里面的属性 js如何修改iframe 中元素的属性 iframe 属性及用法越详细越好。。...在线等 iframe元素的功能是在一个html内嵌一个文档，创建一个浮动的郑iframe可以嵌在网页中的任意部分 name：内嵌帧名称 width：内嵌帧宽度(可用像素值或百分比) height：内嵌帧高度...(可用像素值或百分比) frameborder：内嵌帧边框 marginwidth：帧内文 jQuery怎么给iframe的src赋值给iframe src赋值，代码如下：特别注意： 1.上述jquery...JavaScript如何修改页面中iframe的属性值 HTML5有客户端数据储存的方法，但是支持的浏览器不多。

24.5K5 0

HTTP系列之:HTTP中的cookies

因为每次请求cookies中的数据会自动带上，并且发送到server端，所以如果cookies中存储了太多的数据，就会导致服务器性能的下降。...; 其中Expires是HTTP1.0中定义的header，Max-Age是HTTP1.1中定义的header。...cookies的权限控制 HTTP提供了两个属性来对cookies的权限进行控制，分别是Secure和HttpOnly。...如果cookies中带有Secure属性，那么cookies只会在使用HTTPS协议的时候发送给服务器。如果使用的是HTTP协议，则不会发送cookies信息。...例如： Set-Cookie: name=flydean; SameSite=Strict 第三方cookies 我们知道cookies是和domain相关的，如果cookies的domain是和当前访问的页面相同的话

7120 0

HTTP系列之:HTTP中的cookies

因为每次请求cookies中的数据会自动带上，并且发送到server端，所以如果cookies中存储了太多的数据，就会导致服务器性能的下降。...; 其中Expires是HTTP1.0中定义的header，Max-Age是HTTP1.1中定义的header。...cookies的权限控制 HTTP提供了两个属性来对cookies的权限进行控制，分别是Secure和HttpOnly。...如果cookies中带有Secure属性，那么cookies只会在使用HTTPS协议的时候发送给服务器。如果使用的是HTTP协议，则不会发送cookies信息。...例如： Set-Cookie: name=flydean; SameSite=Strict 第三方cookies 我们知道cookies是和domain相关的，如果cookies的domain是和当前访问的页面相同的话

8842 0

pyppeteer对于iframe中的滑块

page.setUserAgent('5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari...() => 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari.../537.36 } }) }') frame = page.frames #获取所有的iframe iframe = frame[1] await iframe.hover...("#nc_1_n1z") #iframe中的元素聚焦 await page.mouse.down() # time.sleep(1000) # 3 滑动 print...，就是我们设置的start value = start # 将等差数列添加到 list result.append(value) # 初始值已经添加，循环的次数减一

2.7K3 0

【HTML】Iframe中的onload事件

当iframe.src重新指定一个url时会重新执行iframe的onload事件 <iframe id="indexFrame" name="index" width="800" onload='iFrameHeight...("indexFrame");' frameborder="0" marginwidth="0" marginheight="0" scrolling="no"> html生成时，会执行iframe中的onload事件当iframe.src重新指定一个url时，indexFrame.src = dir + "/Index/indexIframe.html";

3.3K9 0

其他 Confluence 6 的 cookies 和备注

其他 Confluence 的 cookies 针对 Confluence 的功能，我们还使用了其他的一些 cookies 来存储基本的产品持久性（product presentation）。...Confluence 的用户授权信息不会存储到这些 cookies 中。...用户最后选择标签页的名字。例如，list-content-tree 页面最后设置和访问后的 1 年。...例如， space-pages 页面最后设置和访问后的 1 年。 confluence-language 在用户登录界面中，记住用户选择的语言。...一个或者多个 key-value 字符串将会存储在这里，用来标记最后打开或者关闭的通用标签或者表达式元素页面最后设置和访问后的 1 年。

4813 0

iOS 5 Mobile Safari中label的bug

iOS 5 Mobile Safari中label的bug 前几天在codepen上看到了不错CSS用法，今天打算在写新博客的时候使用类似的思路：用input[type=checkbox]来控制同级元素的样式...做的时候发现iOS 5下此demo无法用，于是发现了label元素的一个bug。...Sure 此时在iOS 5中，点击文字Sure，checkbox不会自动勾选！...label的css cursor值必须是pointer 另外有个注意点：不同的父元素绑定click又会有影响。...如果是document.body绑定，那么手指按下的时候label会有样式上的变化（onclick也有此效果）。如果是一般的父div则没有此效果。

6592 0

Session和Cookies的基本原理

其实这里面涉及Session和Cookies的相关知识，本节就来揭开它们的神秘面纱。一、静态网页和动态网页在开始之前，我们需要先了解一下静态网页和动态网页的概念。...其实它就是Session和Cookies共同产生的结果，下面我们来一探究竟。二、无状态HTTP 在了解Session和Cookies之前，我们还需要了解HTTP的一个特点，叫作无状态。...这时两个用于保持HTTP连接状态的技术就出现了，它们分别是Session和Cookies。...因此在爬虫中，有时候处理需要登录才能访问的页面时，我们一般会直接将登录成功后获取的Cookies放在请求头里面直接请求，而不必重新模拟登录。...会话Cookie和持久Cookie 从表面意思来说，会话Cookie就是把Cookie放在浏览器内存里，浏览器在关闭之后该Cookie即失效；持久Cookie则会保存到客户端的硬盘中，下次还可以继续使用

8669 1

使用IdentityServer出现过SameSite Cookie这个问题吗？

在这种情况下，应用程序会创建一个用户不可见的 iframe，并在该 iframe 中再次启动身份验证过程。...IdP 的网站在 iframe 中加载，如果浏览器沿 IdP 发送会话 cookie，则识别用户并发出新令牌。现在 iframe 存在于托管在应用程序域中的 SPA 中，其内容来自 IdP 域。...此错误已在 iOS 13 和 macOS 10.15 Catalina 上的 Safari 13 中修复，但不会向后移植到 macOS 10.14 Mojave 和 iOS 12，它们仍然拥有非常大的用户群...幸运的是，是的。如果您已经设置 SameSite=None，您可能已经注意到您的应用程序或网站在 iOS 12 和 macOS 10.4 上的 Safari 中无法正常工作。...除了彻底的测试，特别是在 Chrome 79 中激活了“默认 cookie 的 SameSite”标志以及 macOS 和 iOS 上受影响的 Safari 版本，是的，你现在应该没事了。

1.5K3 0

jQuery控制iframe中对象的方法

jQuery中的$()方法很容易获取到DOM中的元素。但是这个方法不适用于引用iframe中的元素。...如下面的html a.htm b.htm this is b.htm 如果要在a.htm中获得b.htm中的id为default的div，可以使用如下方法： $("#frame").contents(...).find("#default") 来得到这个div的jQuery对象。...特别需要注意一点，就是iframe中的src一定要使用绝对路径，否则jQuery是无法正确找到对应的元素的。尤其在公网上。之前就因为这个问题，折腾了一晚没解决，换成绝对地址就好了。...Previous 在wordpress上配置memcached Next Gentoo下的ARP

2.1K4 0

urllib高级用法--登陆和cookies的使用

需要更强大的工具Handler登场了,有专门处理登录验证的,有处理Cookies的,用处理代理设置的,几乎做到http请求的所有事情。...文件，内容如下: 另外，LWPCookieJar同样可以读取和保存Cookies,但是保存的格式和MozillaCookieJar不一样,要保存成LWP格式的Cookies文件，可以在声明时就改为:cookie...文件内容如下：生成Cookies文件后，怎样从文件中读取并利用呢？...文件，获取到了Cookies的内容，前提是首先生成了LWPCookieJar格式的Cookies，并保存成文件，然后读取Cookies使用同样的方法构建Handler和Opener即可完成操作这些是urllib...库中request模块的基本用法，想知道更多，可以参考：官方文档说明：https://docs.python.org/3/library/urllib.request.html#basehandler-objects

1.7K2 0

伪元素的作用_获取iframe中的元素

大家好，又见面了，我是你们的朋友全栈君。...目标网站红薯中文网获取网页源代码也获取不了这些动态渲染的数据所以用简单的，但是有点麻烦的方法使用selenium执行js，或者直接在浏览器里面执行js function kkk(){...} kkk() 另外，还有大部分的数据是加密的，也很简单 function long2str(v, w) { var vl = v.length; var sl = v[vl - 1] & 0xffffffff...76980100是上一个请求获取的解密密钥套用即可解密之后，里面的参数是对应的 context_kw11 这个就是对应的伪元素的class，将这个都拿去用selenium执行js的方法获取到结果...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

6.8K3 0

JavaScript中给 iframe 中的元素添加点击事件

最近在开发一个浏览器插件，需要抓取掌中云平台的数据，由于该平台的页面结构是采用iframe嵌套的方式加载的，所以在添加事件的时候遇到了一点小麻烦，现特此将解决方法记录如下，以供大家复制粘贴。...alert('此处应有掌声'); } } } },500); }; // user_name为触发事件元素的class

3.4K2 0

关于拖拽功能在IE11 、Firefox和Safari中不兼容的问题

拖拽功能不兼容主要有4大主要原因: 1是event的path属性引起的bug（ie，firebox，safari） 2是event的dataTransfer.setData属性（ie，firebox...） 3是firefox在拖动的时候会打开一个新窗口（firbox） 4是ie11不支持onclick属性方法； ie11 里元素对象的attributes的排序和其他浏览器不同, ie11 中...remove()方法不work (ie) 对于原因1的解决方案其中IE11 压根就不支持path属性，firefox和Safari还勉强通过hack的方式获取到path，获取方式如下： const...对于原因2的解决方案 IE11， firefox 都有dataTransfer.setData的问题， Safari没有可以不用管。...的属性排序和其他浏览器不同，会引起bug。

3.2K3 0

绕过Edge、Chrome和Safari的内容安全策略

然而，web应用中存在许多漏洞，利用这些漏洞，攻击者可以绕过同源策略的限制，这一点已经被许多事实证明。...即使攻击者找到某种方法完成恶意脚本注入，通过在远程脚本源中插入一段标签成功发起XSS攻击，在CSP的限制下，远程源仍然不会与可信源清单匹配，因此也不会被浏览器执行。...然而，我们发现Microsoft Edge浏览器（40.15063版仍未修复）、Google Chrome浏览器（已修复）以及Safari浏览器（已修复）中存在一个信息泄露漏洞。...；（3）调用document.write函数将代码写入新创建的空白窗口对象中，以绕过文档上的CSP限制策略。...内容安全策略正是为了防御XSS攻击而设计的，可以让服务器将可信资源添加到白名单中，使浏览器能安全执行这些资源。

2.3K7 0

ios中iframe的scroll滚动事件替代方法

在公众号的开发中，遇到ios中iframe的scroll滚动事件失效，在此做下记录。因为接口获取的数据必须放在iframe中展示，滚动到底部按钮变亮，如图：代码如下：贷款合同 --> ...... .iframe{height: 500px;width: 100%;overflow-x: hidden;overflow-y

2.7K9 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭