android iFrame 不滚动 : what are practices to include our "widget" on client's Web pages while maintaining mobile compatibility

标签 android iframe mobile scroll embed

我们开发了 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 来演示它的实际效果。

http://jsfiddle.net/6htuz/

最佳答案

我不同意...我也是一名开发人员,我在 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/

相关文章:

android - 我在 new Thread(new Runnable()) 中看不到我的 Toast 消息

java - 函数不扩展到其他类

java - LinearLayout原因 "requestLayout() improperly called by android.widget.LinearLayout"

javascript - 一个页面上的多个 Iframe 加载问题

css - 使用嵌入式 CSS 嵌入响应式 YouTube 视频

mobile - WinRT 和桌面应用程序 bundle ?

flutter - 如何在Flutter中隐藏DataTable的列标题?

javascript - 在 Android WebView 中与 @JavascriptInterface 相对?

javascript - 当子 iframe 获得焦点时,防止文档丢失键绑定(bind)

android - 用于移动应用程序之间数据同步的 Web 服务