cordova android inAppBrowser inAppBrowser

Question

我在科多瓦应用程序中打开网页

cordova.InAppBrowser.open('...', '_self','location=no,hidden=yes');

是否可以使用InAppBrowser _blank打开此页面上的链接？

现在我有个错误

InAppBrowser does not support Cordova API calls

谢谢

Answer 1

好的，默认情况下，InAppBrowser插件安装在Cordova应用程序中，所以不需要添加任何显式插件。

使用此代码打开

 <input type="submit" value="submit" src="img/btn.png" onclick="window.open('https://yourexample.com','_blank','location=no','closebuttoncaption=Return','EnableViewPortScale=no');"/>

更新：

onclick="window.open('https://example.com','_blank','location=yes','closebuttoncaption=Return','EnableViewPortScale=no');"/>

• _self:如果WebView位于白名单中，则在Cordova WebView中打开，否则将在InAppBrowser中打开。
• _blank:在InAppBrowser中打开。
• _system:在系统的web浏览器中打开。

InAppBrowser的选项。可选，默认为: location=yes。(串)

选项字符串不能包含任何空格，每个功能的名称/值对必须用逗号分隔。特征名不区分大小写。所有平台都支持以下价值：

• 位置:设置为“是”或“否”以打开或关闭InAppBrowser的地址栏。仅限Android：
• 隐藏:设置为yes以创建浏览器并加载页面，但不显示它。加载完成后，加载停止事件就会触发。省略或设置为no (默认)，使浏览器正常打开和加载。
• 清除缓存:设置为“是”，以便在打开新窗口之前清除浏览器的cookie缓存
• 清除缓存:设置为“是”，以便在打开新窗口之前清除会话cookie缓存。
• 缩放:设置为“是”以显示Android浏览器的缩放控件，设置为“否”以隐藏它们。默认值是肯定的。
• 硬件回退:将“是”设置为“使用硬件回退”按钮向后浏览InAppBrowser的历史记录。如果没有上一页，InAppBrowser将关闭。默认值是“是”，因此，如果希望后退按钮简单地关闭InAppBrowser，则必须将其设置为“否”。

关于https://github.com/apache/cordova-plugin-inappbrowser的更多信息

Answer 2

使用create()方法而不是open()。我不知道你是否在使用inAppBrowser插件。但是我在我的应用程序中做了一些正确的事情。

首先，通过运行以下命令安装inAppBrowser插件：

离子cordova插件添加cordova- plugin -inappbrowser npm安装@离子型-本机/应用程序-浏览器

然后将inAppBrowser添加到app.module.ts文件的提供程序，如下所示：

app.module.ts

import { InAppBrowser } from '@ionic-native/in-app-browser';
...
...

@NgModule({
  declarations: [
    MyApp
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    ...
    ...
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    ...
    ...
    InAppBrowser,
    ...
    ...
  ]
})
export class AppModule {}

然后您可以通过导入inAppBrowser在页面中使用它，所以首先导入它：

import { InAppBrowser, InAppBrowserOptions } from '@ionic-native/in-app-browser';

然后将其注入构造函数：

constructor(public iab: InAppBrowser) {

}

现在，您必须使用create()方法打开页面中的网页：

let browser = this.iab.create("...url...", '_blank',{
    location:'yes'
});

还有许多其他选项，以及更多的配置inappbrowser。

希望这能帮到你。