Я не могу найти в документах, как лучше всего узнать, в приложении Ionic 2, работает ли оно в браузере (с командой ionic serve) или в устройстве/эмуляторе.
На самом деле я проверяю, имеет ли объект окна атрибут «плагины», но я не знаю, есть ли лучший способ.
if(!window['plugins']) {
//browser
}
О, я нашел в документах объект Platform, у которого есть несколько методов. http://ionicframework.com/docs/v2/api/platform/Platform/ Один из них is(ключ), который может соответствовать
import { Platform } from 'ionic-angular';
@Component({...})
export MyPage {
constructor(platform: Platform) {
this.platform = platform;
...
if(this.platform.is('core')) {
//it's in the browser
}
}
}
хотя вопрос немного устарел, но все еще актуален - еще один вариант - использовать https://ionicframework.com/docs/native/device/ — объект Device предоставляет свойство platform, равное 'browser' в браузере. Плагин доступен только при запуске webapp через Cordova.
Просто чтобы добавить немного больше к приведенному выше решению, похоже, что следующее работает нормально:
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» становится «мобильным», что нарушает это решение, поскольку это пытается максимально имитировать нахождение на устройстве. Это было поднято как проблема на GitHub здесь:
https://github.com/ionic-team/ionic/issues/11557
Решение было дано как настройка isApp со следующим:
this.isApp = !document.URL.startsWith('http');
Это работает, потому что мобильные приложения начинают свои страницы с протокола «файл». Однако, если вы вчитаетесь в проблему, Ionic на самом деле рекомендует не использовать платформу браузера Cordova в настоящее время, поэтому вам лучше использовать оригинальное решение.
Думал, что обновлю ответ, который работает на случай, если кто-нибудь ответит на этот вопрос.
Это работает с последними сборками iOS и Android:
public isApp(): boolean {
return (
document.URL.indexOf('http://localhost') === 0 || // Android
document.URL.indexOf('ionic') === 0 || // iOS 11+ Ionic Web View
document.URL.indexOf('https://localhost') === 0 // iOS 10 Ionic Web View
);
}
Дополнительную информацию и предостережения см. в Ionic Webview.
Я нашел это решение решенным на форуме Ionic, который использует
this.isApp = (!document.URL.startsWith('http') || document.URL.startsWith('http://localhost:8080'));
