Ionic 2：检查是否在浏览器环境中运行的最佳方法

Question

我无法在文档中找到哪些是在Ionic 2应用程序中知道它是否在浏览器中运行的最佳方法（使用离子的服务于命令）或设备/仿真器中。

其实我正在做的是检查窗口对象是否有'插件'属性，但我不知道是否有最好的方法。

if(!window['plugins']) { 
//browser 
} 

Answer 1

哦，我在文档中找到了Platform对象，它有一些方法。 http://ionicframework.com/docs/v2/api/platform/Platform/ 一个是为（键），可以匹配

import { Platform } from 'ionic-angular'; 

@Component({...}) 
export MyPage { 
    constructor(platform: Platform) { 
    this.platform = platform; 
    ... 
    if(this.platform.is('core')) { 
    //it's in the browser 
    } 
    } 
} 

Answer 2

只是为了增加一点上面给出的解决方案，以下似乎就ok工作：

import { Platform } from 'ionic-angular'; 

@IonicPage() 
@Component({}) 
export class WhichPlatformPage { 
    isApp: boolean; 

    constructor(private platform: Platform) { 
    this.isApp = this.platform.is('core') || this.platform.is('mobileweb') ? false : true; 
    } 
} 

ionViewDidLoad() { 
    console.log(this.isApp ? 'Running from mobile' : 'Running from the browser'); 
} 

这似乎为我工作得很好 - 与以前的答案不同的是，我们也在检查'mobileweb'平台。有趣的是，如果您使用的是ionic cordova build browser命令，'mobileweb'会变成'mobile' - 打破这个解决方案 - 因为它试图模拟尽可能多的在设备上。这是提出了如下GitHub上的问题：

https://github.com/ionic-team/ionic/issues/11557

溶液给出以下设置的isApp：

this.isApp = !document.URL.startsWith('http');

这工作，因为移动应用开始他们与网页'文件'协议。然而，如果你读到这个问题，Ionic实际上建议不要使用当前的cordova浏览器平台，所以你最好用原来的解决方案。