Safari - Iframes导致页面更改时闪烁
Safari是苹果公司开发的一款网页浏览器，它在苹果设备上广泛使用。在使用Safari浏览器时，有时会遇到页面在更改时出现闪烁的问题，这通常是由于使用了Iframes导致的。
Iframes是HTML中的一个标签，用于在网页中嵌入其他网页或文档。当在Safari浏览器中使用Iframes时，页面更改时可能会出现闪烁的情况。这是因为Safari在重新加载Iframes内容时，会先清空Iframes的内容，然后再重新加载新的内容，这个过程会导致页面闪烁。
为了解决这个问题，可以尝试以下方法：
- 使用CSS样式隐藏Iframes：可以通过设置Iframes的样式为
visibility: hidden;或display: none;来隐藏Iframes，然后在加载完成后再显示出来，以避免页面闪烁。 - 使用JavaScript延迟加载Iframes：可以通过在页面加载完成后再动态加载Iframes，以避免页面一开始就出现空白或闪烁的情况。
- 使用优化的页面结构：可以考虑重新设计页面结构，避免使用Iframes或减少Iframes的使用，以降低页面闪烁的可能性。
总结起来，Safari浏览器中使用Iframes可能导致页面在更改时出现闪烁的问题。为了解决这个问题，可以使用CSS样式隐藏Iframes、使用JavaScript延迟加载Iframes或优化页面结构。这些方法可以帮助减少页面闪烁，提升用户体验。
腾讯云提供了一系列云计算产品，其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务。
相关·内容
不过，现在在Safari中，当单击主iframe中的链接时，iframe会立即变为空白，然后页面就会加载。通常，用户只会注意到已更改的元素中的更改。因此，主站点模板似乎尚未重新加载。有没有办法阻止Safari在每次点击iframe中的链接时从头开始重新加载整个页面？
浏览 7提问于2017-06-15得票数 0
我想知道当我在Safari中设计的网站上从一个页面导航到另一个页面时，可能是什么原因导致页面短暂闪烁白色(你可以查看网站)。除了有时会发生这种闪烁，徽标和导航栏也在重新加载(短暂淡入和淡出)，而它们应该保持静态。在Firefox中会发生这种情况，但在Safari (主要是)和Chrome中偶尔会看到闪烁和重新加载。content').style.display = "none";
$('
浏览 4提问于2011-12-15得票数 3
回答已采纳
我正在尝试使用javascript来调整站点上iframes的大小，这样iframes就像里面的内容一样长。我的代码如下： for (var i = 0, j = iFrames.length; i < j; i++) {
iFrames[i].style.height = iFrames[i].contentWindow.d
浏览 1提问于2012-12-12得票数 0
回答已采纳
1回答
我们已经玩了几个想法，其中有两个正在使用一个服务来提供网站并发送一个截图，或者获取网站并将其加载到iframes中作为“实时预览”。团队确信iframes是更好的选择，因为它们将是交互式的，并且允许预览动态可视化，但我有一些性能方面的考虑。
只是想知道是否有人可以在这里提供一些洞察力，而无需编写服务器获取网站内容并将其转发到网站。加载5个iframes是否类似于在5个选项卡中打开这些站点？
浏览 4提问于2017-11-28得票数 8
我在Safari遇到了一种奇怪的行为。在内容相当丰富的页面上，在特定的用户操作(这需要中继和替换页面上的元素)上，我几乎重新构建了整个文档，然后调用window.scrollTo()将视口移动到计算的点。然后执行滚动，导致闪烁。我研究了各种各样的"Safari闪烁“问题(和答案)，但没有一个涉及到我正在经历的问题。
浏览 3提问于2016-02-03得票数 0
回答已采纳
所以我有一个Shell，它有一个主页和一个设置页面。设置页面对家庭ViewModel绑定到的单例服务(MVVM)进行更改。但是，在通过Shell返回主页时，仅当页面处于活动状态且可见时，页面的UI才会更新。这会导致字段在更改时闪烁。但是断点表明它们应该在以前更新过。 有没有办法在此之前强制刷新UI，或者有没有其他选择？现在，我让我的视图在动画中执行淡入淡出，这样对ViewModel的更改就不会导致闪烁。
浏览 11提问于2019-10-10得票数 1
> </asp:UpdatePanel>
问题:当我在ajax TabContainer中使用iFrame时，当用户从第1页移动到第2页时，页面加载两次或iFrame加载两次，或者显示在iFrame上面的文本(“--文本不闪烁或不加载两次”)不闪烁。
浏览 2提问于2014-11-11得票数 4
1回答
每当我在iOS Safari和Android上滚动页面时，所有阶段都会再次被清除并重新绘制(导致长时间的闪烁)。
有什么办法可以避免每一卷卷轴上的重绘吗？
浏览 3提问于2017-09-14得票数 0
回答已采纳
1回答
我在Safari和Firefox中显示由MouseOver (参见：)触发的图像时遇到了问题，这没问题。在IE中，当您使用blob-image将文本移动到可见背景层上时，该层会被打开和关闭，从而导致闪烁。我使用Dreamweaver CS4中的标准选项构建它。有没有人可以帮我在不破坏页面的想法的情况下避免IE中的这种闪烁？马可
浏览 2提问于2009-11-30得票数 0
回答已采纳
但是，resolve属性(见下文)似乎考虑到了，但是关联的页面在解析承诺之前就会显示出来，这会导致一些难看的闪烁。当我删除resolve部分时，页面显示时不会闪烁，尽管我没有填充活动。
可能只是性能上的原因?奇怪的是，当我将相同的链接放在一个沉重的page..listing几个条目上时，目标页面(编辑页面)仍然闪烁，在大约1秒内没有显示任何表单，然后显示整个页面。更奇怪的是，iPhone4s上的代码完全相同，不管&#
浏览 1提问于2014-07-20得票数 1
回答已采纳
问题是，在Chrome中，当图像在树中的顺序发生变化时，所有图像都会闪烁。然而，Firefox和Safari不会闪烁。此外，我在另一个域上有这个脚本的副本，它也不会在那里闪烁。有没有可能是某个域名相关的问题导致了闪烁？在这两种情况下，图像都与页面位于相同的域中。我使用Chrome 18。
浏览 4提问于2012-04-28得票数 2
回答已采纳
3回答
这发生在Mountain Lion上的Safari6和最新的chrome中。(在OSX上已确认，在windows中可能不会发生)关联的CSS如下所示。
浏览 104提问于2012-09-05得票数 28
回答已采纳
唯一的问题是，当页面加载或刷新时，甚至在输入任何搜索/过滤器/查询字之前，屏幕上的所有表似乎都会闪烁。
浏览 1提问于2019-07-18得票数 3
我有一个问题，我的css3转换会影响页面上的其他元素，甚至导致它们闪烁。我看到了另一篇关于这个问题的帖子，但他们没有解决这个问题的办法。
当您滚动导航时，您会看到一个动画的css3转换。它在firefox中运行良好，没有闪烁，但在chrome和safari中效果非常明显，你可以在下拉菜单项和页脚文本中看到它。
浏览 1提问于2012-10-11得票数 13
回答已采纳
1回答
下面的代码导致整个页面闪烁： console.log("whole page dissapears here"); }); console.log("whole page reappears here");}
我以为闪烁是因为我正在动态修改页面(向表中添加行)，但后来我发现仅仅是调用$.ajax()就会出现
浏览 21提问于2014-08-13得票数 0
1回答
是否有可能让UI-路由器在初始页面加载时忽略页面状态，而只在随后的状态更改时启动？与现在一样，UI-路由器将页面加载解释为状态更改，并替换已经呈现的内容，从而导致闪烁和浪费带宽。
浏览 3提问于2014-09-25得票数 0
回答已采纳
每当文本框内容更改时，文本将被推送到浏览器：{ {有什么方法可以抑制鼠标光标的变化吗？我已经考虑过限制DocumentText更新的速率，但是我发现在更新过程中偶尔出现的闪烁仍然很烦人，我更喜欢即时更新。
text
浏览 1提问于2010-11-28得票数 3
回答已采纳
2回答
谁知道有什么方法可以防止页面在被更改时跳转到输入？特别是在页面的其他地方用标签按钮进行更改时。最多只会出错，会导致瞬间的页面闪烁。
有人有更好的方法吗？
浏览 5提问于2013-07-19得票数 8
回答已采纳
我已经成功地实现了一个函数，该函数将页面的随机数(宽度和高度)滚动到页面。这在Firefox中非常有效(平滑滚动和对角线)，但在Safari中尝试这样做时，它只会水平滚动。我正在滚动图片，有没有办法让它更流畅呢？
更新:在safari中测试手动滚动后，我发现页面也有滞后性。它闪烁和断断续续。
浏览 1提问于2012-10-05得票数 1
1回答
我有一个相当重的图像的网站，并有图像滚动(：悬停)在页面上的许多图像。页面加载，但翻转图像需要更长的加载时间，并在用户最初滚动图像时导致闪烁。我使用的是safari，后台翻转是通过css完成的。我需要一些悬停图像预加载器或延迟脚本或类似的，但任何建议是受欢迎的
谢谢
浏览 3提问于2010-07-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
