包含照片幻灯片的 iframe 在 Chrome 上中断答案

【问题标题】：An iframe that contains a photo slideshow breaks on Chrome包含照片幻灯片的 iframe 在 Chrome 上中断
【发布时间】：2015-04-18 01:52:01
【问题描述】：

我遇到了这个奇怪的问题，但我似乎找不到问题所在。让我一步一步解释。

这是我开发的幻灯片的链接：http://guusebump.com/view/lennie/weddings（PIN 1234）。您点击播放，幻灯片将播放一些音乐。

我还为该幻灯片开发了一个小部件版本，位于：http://guusebump.com/widget/lennie/weddings，它也可以正常工作。

现在，问题是，我正在尝试使用 iframe 将该小部件插入另一个网站：

<iframe width="900" height="600" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="http://guusebump.com/widget/lennie/weddings"></iframe>

但幻灯片无法在 Chrome 上运行 - 它只是无法运行。链接：http://trisle.net/demoguuse/（向下滚动到小部件）。我在 Safari 和 Firefox 上测试了该网站，它适用于这些浏览器，但不适用于 Chrome。不确定您的浏览器会发生什么，但我确定 iframe 有问题。

你怎么看？任何帮助将不胜感激:)

-更新-

错误的屏幕记录是：https://www.dropbox.com/s/j2ujp85y9fxxxz3/error_guuse.mov?dl=0

【问题讨论】：

Chrome 有什么问题？在 Chrome/Ubuntu 上，它似乎正在工作：幻灯片更改图像和音乐播放......
嗨 @ValentinH，这是我的 Chrome/MacOSX 上发生的事情 dropbox.com/s/j2ujp85y9fxxxz3/error_guuse.mov?dl=0 :( 你试过不同的浏览器吗？

标签： javascript html css iframe widget

【解决方案1】：

听起来您需要清除浏览器缓存。由于某种原因，我在使用 Chrome 时时常会遇到这个问题。

清除浏览器缓存的步骤：

在 Chrome 浏览器中按 CTRL + SHIFT + DEL 键。
确保缓存的图像和文件选项被选中。它通常是默认的。
按清除浏览数据按钮并等待它完成。
退出浏览器并尝试重新加载您的应用程序，看看会发生什么。

【讨论】：

嗨拉里，感谢您的回复，但这并不能解决问题:(这是我的 Chrome/MacOSX 上发生的事情dropbox.com/s/j2ujp85y9fxxxz3/error_guuse.mov?dl=0
如果你没有找到解决方案，我明天会尝试看看它
非常感谢 ;) 我还没有找到解决方案。
我正在查看您网站的源代码，我想知道您的 iframe 元素中的 style="display:none" 是做什么用的？
你能告诉我你用的是什么版本的chrome吗？

【解决方案2】：

这可能是 chrome 的安全问题。我要求用户禁用它并检查。

它在我的机器上运行良好。我有 chrome 的 windows 7。您的 Mac OS 可能存在一些问题。可能是安全问题。

请使用以下命令禁用 chrome 中的安全设置，然后尝试

chrome --disable-web-security

【讨论】：

这仍然无法解决。同样的问题发生了......我只是 Chrome 的支持票。
能否请您在 chrome 中打开控制台窗口并检查单击播放按钮时是否出现任何错误？
您知道这是我在第一次加载页面时在 chrome 的调试控制台中遇到的错误。加载资源失败：net::ERR_CACHE_MISS 此错误链接到以下资源w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/…