首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Ionic Cordova in浏览器在iOS中不起作用

Ionic Cordova in浏览器在iOS中不起作用
EN

Stack Overflow用户
提问于 2017-09-19 12:15:42
回答 3查看 7.3K关注 0票数 0

我安装了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系统中就没那么好用了。当我点击按钮时,什么也没有发生。我已经在论坛上搜索了几天了,仍然不能让它工作。如果您能提供任何帮助,我将不胜感激!

谢谢!布伦特

EN

回答 3

Stack Overflow用户

发布于 2017-10-16 21:56:10

create方法将字符串作为选项参数,而不是对象。此外,您还必须调用show方法。

const browser = this.iab.create(targetUrl, '_self', 'location=no');
browser.show();
票数 1
EN

Stack Overflow用户

发布于 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;
  }

}

}
票数 0
EN

Stack Overflow用户

发布于 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>
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46291707

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档