如何使用滚动和缩放(捏合)功能显示外部HTML?

时间:2011-06-17 09:24:43

标签: javascript mobile cordova sencha-touch extjs

我几天来一直在努力解决这个问题。我正在使用Sencha Touch实现Android和iOS的应用程序。我希望能够点击链接(列表项),它可以指向html或图像,甚至可以指向PDF文档(对于iOS)。该文件可以是本地文件,也可以是其他域名。

到目前为止,我找到了两种不同的方法,但是没有任何一种方法可以完美地完成。一种方法是更改​​“window.location”并转到包含带有后退按钮的框架的html页面和带有我想要显示的文件的另一个框架。滚动和缩放工作正常,但当用户想要返回时,必须重新加载整个应用程序(所有javascript文件等等)。

另一种方法是使用ajax请求获取所需文件,并在面板中添加响应文本。这个问题是缩放不起作用。我试着听一个捏事件,然后缩放面板,但滚动停止工作......

所以问题是:我如何显示HTML页面和图片等外部内容,但仍保留滚动和缩放功能,并允许用户返回而无需重新加载整个应用程序?

我很感激能得到的所有信息! /基督教

2 个答案:

答案 0 :(得分:0)

如果您使用的是PhoneGap,可以尝试使用ChildBrowser插件:https://github.com/phonegap/phonegap-plugins/tree/master/iPhone/ChildBrowser

对于纯移动网络应用,请使用HTML5缓存清单,以避免在框架和网页之间移动时重新加载:http://diveintohtml5.ep.io/offline.html

答案 1 :(得分:0)

将以下内容添加到您的应用onCreate()方法:

WebSettings settings = this.appView.getSettings();
settings.setSupportZoom(true);
settings.setBuiltInZoomControls(true);

如果你的ROM不支持mulit-touch,它将无效,但由于它已经在你的浏览器中工作,所以应该这样做。