iframe 中的 sencha touch 应用程序的问题

Posted 2023-02-26

【中文标题】iframe 中的 sencha touch 应用程序的问题

【英文标题】：Problems with sencha touch application inside an iframe

【发布时间】：2012-07-31 10:31:44

【问题描述】：

在我的网页中，我必须显示另一个使用 sencha touch 完成的网页的内容。我为此目的使用 iframe。但问题是 sencha touch 网页中的选择菜单（通过 iframe 加载）不是在 iphone 浏览器中查看时出现。有一个覆盖，但不是选择菜单。当通过浏览器直接查看 sencha 触摸应用程序时，它会很好。所以我认为问题出在 iframe 上。任何解决方案都可以做到这一点使用 iframe？。修改 sencha touch 是不可能的，因为这是由不同的团队维护的，我无法控制该代码。

为了说明问题，我在 iframe 中加载了 sencha touch kitchen sink 应用程序。这是网址。 http://pastehtml.com/view/c6mqj67b0.html

请从 iphone 浏览器/模拟器中打开选择菜单“Rank”，即可看到问题。

我可以采取任何解决方案来完成这项工作吗？

提前致谢。

【参考方案1】：

抱歉@user700284 但覆盖iframe 尚不适用于ios 和android 浏览器；目前仅适用于浏览器桌面。但是你可以把iframe 不覆盖到你的Ext.Panel 这样的东西中，

Ext.Panel(
   items: [
    
       xtype: 'panel',
       html: '<iframe   src="http://www.sencha.com/products/touch/" frameborder="0" allowfullscreen></iframe>',
       id: 'Idpanel',
       hideOnMaskTap: true
    ,
   ]
)

希望这些对您有所帮助。 :)

【参考方案2】：

使用object tag 代替 iframe，看看是否有区别。

【参考方案3】：

加载选择字段的 iFrame 在 iPad 上完美运行（原生和移动 safari）。但在 iPhone 上，它给出了同样的错误。还有其他解决方案吗？