如何在 Web 浏览器视图中从 Ionic 应用程序打开外部链接

第 1 步：Ionic 创建新应用程序。 （离子启动 myApp1 侧菜单）

第 2 步：创建新页面主页和关于我们。 （离子生成关于我们的页面）

步骤 3：在“关于我们”页面创建按钮，将 URL 重定向到另一个网站。

aboutus.html : ( GO » )

aboutus.ts : 重定向() { window.open("https://www.w3schools.com/php/ https://www.w3schools.com/php/“， “_自己”）; }

第 4 步：当我单击“GO”按钮时，URL 重定向到 w3schools.com，然后再次浏览器后退按钮，单击仅重定向到主页。我需要重定向到关于我们页面。帮助我任何人。

Use it 在应用程序浏览器中 https://ionicframework.com/docs/native/in-app-browser/Ionic 本机插件

安装 Cordova 和 Ionic Native 插件：

ionic cordova plugin add cordova-plugin-inappbrowser

npm install --save @ionic-native/in-app-browser

在app.module.ts中添加InAppBrowser Provider

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

providers: [
  InAppBrowser,
]

Html:

 <ion-buttons>
    <button ion-button (click)="redirect()"> GO » <button>
 <ion-buttons>

In ts:

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


 constructor(private inAppBrowser: InAppBrowser) {}

redirect() {
 this.inAppBrowser.create("https://www.w3schools.com/php/");
}

你也可以看到这个视频教程 https://www.youtube.com/watch?v=SPJ9TdHaI3A