在使用Ionic 2托管的webapp调用inappbrowser之前检查网络连接

，可以通过以下步骤来实现：

1. 首先，需要在Ionic 2应用中安装网络连接插件。可以使用以下命令安装插件：

ionic cordova plugin add cordova-plugin-network-information

npm install @ionic-native/network

1. 在需要检查网络连接的页面或组件中，导入网络连接插件：

import { Network } from '@ionic-native/network';

1. 在构造函数中注入Network对象：

constructor(private network: Network) { }

1. 使用以下代码来检查网络连接状态：

checkNetworkConnection() {

 let disconnectSubscription = this.network.onDisconnect().subscribe(() => {

   console.log('网络连接已断开');

 });

 let connectSubscription = this.network.onConnect().subscribe(() => {

   console.log('网络连接已恢复');

 });

 // 检查初始网络连接状态

 if (this.network.type === 'none') {

   console.log('无网络连接');

 } else {

   console.log('已连接到网络');

 }

}

上述代码中，通过订阅onDisconnect和onConnect事件来监听网络连接状态的变化。在初始加载时，可以通过this.network.type属性来获取当前的网络连接状态。

1. 调用checkNetworkConnection()方法来检查网络连接状态。可以在适当的时机调用该方法，例如在页面加载时或用户点击某个按钮时。

这样，当使用Ionic 2托管的webapp调用inappbrowser之前，就可以先检查网络连接状态，以确保设备已连接到网络。这样可以提供更好的用户体验，并避免在无网络连接的情况下调用inappbrowser导致的错误。

推荐的腾讯云相关产品：无

参考链接：

• Ionic Network插件文档：https://ionicframework.com/docs/native/network