我安装了Ionic Cordova的inAppBrowser插件(至少我认为我安装正确了。我遵循了这里的说明:https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/#installation)。
我将inAppBrowser导入到我的app.module.ts文件中,并将其添加到提供者列表中:
import { InAppBrowser } from '@ionic-native/in-app-browser';
和
providers: [
StatusBar,
SplashScreen,
InAppBrowser,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
我还将其注入到相关页面中,如下所示:
export class AboutPage {
options : InAppBrowserOptions = {
location : 'yes',
hidden : 'no',
clearcache : 'yes',
clearsessioncache : 'yes',
zoom : 'yes',//Android only
hardwareback : 'yes',
mediaPlaybackRequiresUserAction : 'no',
shouldPauseOnSuspend : 'no', //Android only
closebuttoncaption : 'Close', //iOS only
disallowoverscroll : 'no', //iOS only
toolbar : 'yes', //iOS only
enableViewportScale : 'no', //iOS only
allowInlineMediaPlayback : 'no',//iOS only
presentationstyle : 'pagesheet',//iOS only
fullscreen : 'yes',//Windows only
};
constructor(public navCtrl: NavController, public navParams: NavParams, private theInAppBrowser: InAppBrowser) {
}
public openWithSystemBrowser(url : string){
let target = "_system";
this.theInAppBrowser.create(url,target,this.options);
}
public openWithInAppBrowser(url : string){
let target = "_blank";
this.theInAppBrowser.create(url,target,this.options);
}
public openWithCordovaBrowser(url : string){
let target = "_self";
this.theInAppBrowser.create(url,target,this.options);
}
ionViewDidLoad() {
console.log('ionViewDidLoad AboutPage');
}
}
然后,我使用以下命令向html页面添加了一个按钮:
<button ion-button (click)="openWithSystemBrowser('https://www.preachingfriars.org')">Visit our site</button>
它在安卓系统中似乎运行得很好,但在iOS系统中就没那么好用了。当我点击按钮时,什么也没有发生。我已经在论坛上搜索了几天了,仍然不能让它工作。如果您能提供任何帮助,我将不胜感激!
谢谢!布伦特
发布于 2017-10-16 21:56:10
create方法将字符串作为选项参数,而不是对象。此外,您还必须调用show方法。
const browser = this.iab.create(targetUrl, '_self', 'location=no');
browser.show();
发布于 2018-07-01 17:48:00
尝试在平台就绪方法中加载它。
@Component({
templateUrl: 'app.html'
})
export class MyApp {
browser: InAppBrowserObject;
options: InAppBrowserOptions = {
location: 'no', //Or 'no'
hidden: 'yes', //Or 'yes'
zoom: 'no', //Android only ,shows browser zoom controls
hardwareback: 'yes',
mediaPlaybackRequiresUserAction: 'yes',
shouldPauseOnSuspend: 'no', //Android only
closebuttoncaption: 'Share', //iOS only
disallowoverscroll: 'no', //iOS only
toolbar: 'yes', //iOS only
toolbarposition: 'bottom',
enableViewportScale: 'no', //iOS only
allowInlineMediaPlayback: 'no', //iOS only
presentationstyle: 'formsheet', //iOS only
fullscreen: 'yes', //Windows only
suppressesIncrementalRendering: 'no',
transitionstyle: 'crossdissolve',
};
constructor(public toastCtrl: ToastController, public actionSheetCtrl: ActionSheetController, public network: Network, public iab: InAppBrowser, public platform: Platform, statusBar: StatusBar, public splashScreen: SplashScreen) {
platform.ready().then(() => {
statusBar.styleDefault();
this.openinInappbrowser();
});
}
openinInappbrowser() {
this.browser = this.iab.create('https://ionicframework.com', '_blank', this.options);
this.browser.show();
this.splashScreen.hide();
this.browser.on('loaderror').subscribe(event => {
this.browser.hide();
this.presentToast('Something Wnt Wrong');
});
}
let toast = this.toastCtrl.create({
message: arg,
duration: 1500,
position: 'bottom'
});
toast.onDidDismiss(() => {
console.log('Dismissed toast');
});
toast.present();
}
isNetavailable() {
if (this.network.type == 'none' || this.network.type == 'unknown') {
return false;
} else {
return true;
}
}
}
发布于 2017-09-19 19:45:27
您可以尝试将其添加到config.xml文件中
<allow-intent href="*" />
<feature name="InAppBrowser">
<param name="android-package" value="org.apache.cordova.inappbrowser.InAppBrowser" />
</feature>
https://stackoverflow.com/questions/46291707
复制相似问题