Html 如何防止iframe在单击WebKit中的锚链接时闪烁?
在我的web应用程序中,我使用Html 如何防止iframe在单击WebKit中的锚链接时闪烁?,html,google-chrome,iframe,webkit,Html,Google Chrome,Iframe,Webkit,在我的web应用程序中,我使用iframe嵌入内容。用户可以使用锚链接与iframe交互,这会导致重新加载iframe的内容 我注意到在WebKit(Chrome或Safari)上,iframe“闪烁”,特别是在慢速线路上。显然,闪烁是在加载新内容之前清除iframe引起的。在相同条件下的其他浏览器中不会发生这种情况,例如FF或IE。此外,如果我在新的单独浏览器选项卡中打开iframe的内容,在这种情况下,UI不会闪烁,因此闪烁似乎确实是由iframe引起的 我在这里发布了一个示例: 点击if
iframe
嵌入内容。用户可以使用锚链接与iframe交互,这会导致重新加载iframe的内容
我注意到在WebKit(Chrome或Safari)上,iframe“闪烁”,特别是在慢速线路上。显然,闪烁是在加载新内容之前清除iframe引起的。在相同条件下的其他浏览器中不会发生这种情况,例如FF或IE。此外,如果我在新的单独浏览器选项卡中打开iframe的内容,在这种情况下,UI不会闪烁,因此闪烁似乎确实是由iframe引起的
我在这里发布了一个示例:
点击iframe中的链接会导致Chrome上的闪烁,如果线路被限制,则闪烁越大,例如在Fiddler中使用“模拟调制解调器速度”
场景非常简单,主页是:
<html>
<head>
</head>
<body>
<iframe src="iframe-content.php">
</iframe>
</body>
</html>
iframe的内容是
<html>
<head>
<style>
a, a:visited {color: blue}
</style>
</head>
<body>
<a href="<?php print "iframe-content.php?a=".time(); ?>">
<?php print "link_".time(); ?>
</a>
</body>
</html>
a、 a:访问{颜色:蓝色}
是否有任何方法可以防止WebKit在绘制内容之前清除iframe?同样的问题也在上演示。欢迎任何意见来解决它!