我们开发了 SAAS 预订应用程序。
作为此服务的一部分,我们为客户提供一个“小部件”,嵌入到他们现有的网页中,以便客户进行预订。
我们已经将这个小部件实现为一个简单的 iframe,到目前为止一直运行良好。 iFrame 似乎是一个很好的解决方案,适用于桌面浏览器、iOS 设备和一些 Android 手机,但我们收到的报告称,在某些 Android 设备上 iFrame 不可滚动并导致用户出现问题。
我们希望尽可能地跨设备兼容,因此我们开始思考,我们这样做的方式是否正确......
我的问题是,iFrame 是将这样的小部件包含到另一个站点中的合适方法吗?或者,是否有更好的方法来达到相同的结果。
我的研究表明,Youtube、Facebook 等似乎使用 iFrame 来实现此类功能。
也许 iFrame 是实现这一目标的最佳方式,而那些使用旧版 Android 设备的用户将不得不接受不太完美的体验,或者也许我们有更好的方法来实现这一点。
感谢您的任何想法!
这是 iframe:
<iframe src="http://salontastic.salonmonster.com/client/index.php?layout=2" width="100%" min-width="630px" style="min-height:600px;" scrolling="auto" frameborder="0"></iframe>
我创建了一个 jsfiddle 来演示它的实际效果。
最佳答案
我不同意...我也是一名开发人员,我在 Android 上使用 iFrame 时遇到了很多问题...目前,我正在使用 Android 2.2 的 Toshiba Folio 100 进行测试。 5 股票浏览器和 iFrames 上的滚动不起作用。 我尝试了 jsfiddle,但我也无法滚动它! 有人有解决这个问题的办法吗?我花了几天时间在谷歌上搜索并尝试了一千种不同的技巧,但在原生浏览器和 Dolphin HD 上却没有运气。在 Opera Mobile 和 Firefox mobile 中,它们开箱即用,但我需要保证即使使用原生浏览器也能完全支持 Android :-(
关于android iFrame 不滚动 : what are practices to include our "widget" on client's Web pages while maintaining mobile compatibility,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7826502/