Javascript 如何显示具有滚动和缩放(收缩)功能的外部HTML?

Javascript 如何显示具有滚动和缩放(收缩)功能的外部HTML?,javascript,mobile,cordova,sencha-touch,extjs,Javascript,Mobile,Cordova,Sencha Touch,Extjs,我已经为这个问题挣扎了好几天了。我正在使用SenchaTouch为Android和iOS实现一个应用程序。我想能够点击一个链接,一个列表项,可以指向一个html或图像,甚至可能是iOS的PDF文档。此文件可以是本地文件,也可以是另一个域上的文件 到目前为止,我已经找到了两种不同的方法,但没有一种能完美地工作。一种方法是更改window.location并转到一个html页面,该页面包含一个带有后退按钮的框架和另一个包含我要显示的文件的框架。滚动和缩放效果很好,但是当用户想要返回时,整个应用程序必

我已经为这个问题挣扎了好几天了。我正在使用SenchaTouch为Android和iOS实现一个应用程序。我想能够点击一个链接,一个列表项,可以指向一个html或图像,甚至可能是iOS的PDF文档。此文件可以是本地文件,也可以是另一个域上的文件

到目前为止,我已经找到了两种不同的方法,但没有一种能完美地工作。一种方法是更改window.location并转到一个html页面,该页面包含一个带有后退按钮的框架和另一个包含我要显示的文件的框架。滚动和缩放效果很好,但是当用户想要返回时,整个应用程序必须重新加载所有javascript文件等等

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

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


我很感激所有我能得到的信息/Christian

如果您正在使用PhoneGap,您可以尝试使用ChildBrowser插件:


对于纯移动web应用程序,使用HTML5缓存清单避免在帧和页面之间移动时重新加载:

将以下内容添加到应用程序onCreate方法中:

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

如果您的ROM不支持mulit touch,它将无法工作,但由于它已经在您的浏览器中工作,因此应该可以工作。

然后我必须使用PhoneGap部署应用程序。我希望应用程序在没有PhoneGap的情况下也能正常工作/