Files
ionic-framework/core/src/utils/platform.ts
Mike Hartington 0b4b9fe40c feat(core): add check for standalone mode (#15001)
* feat(core): add check for standalone mode

* feat(): add check for isStandalone

* feat(core): add check for standalone mode
2018-08-06 21:28:38 +02:00

122 lines
2.7 KiB
TypeScript

export function isIpad(win: Window) {
return testUserAgent(win, /iPad/i);
}
export function isIphone(win: Window) {
return testUserAgent(win, /iPhone/i);
}
export function isIOS(win: Window) {
return testUserAgent(win, /iPad|iPhone|iPod/i);
}
export function isAndroid(win: Window) {
return !isIOS(win);
}
export function isPhablet(win: Window) {
const width = win.innerWidth;
const height = win.innerHeight;
const smallest = Math.min(width, height);
const largest = Math.max(width, height);
return (smallest > 390 && smallest < 520) &&
(largest > 620 && largest < 800);
}
export function isTablet(win: Window) {
const width = win.innerWidth;
const height = win.innerHeight;
const smallest = Math.min(width, height);
const largest = Math.max(width, height);
return (smallest > 460 && smallest < 820) &&
(largest > 780 && largest < 1400);
}
export function isDevice(win: Window) {
return matchMedia(win, '(any-pointer:coarse)');
}
export function isHybrid(win: Window) {
return isCordova(win) || isCapacitorNative(win);
}
export function isCordova(window: Window): boolean {
const win = window as any;
return !!(win['cordova'] || win['phonegap'] || win['PhoneGap']);
}
export function isCapacitorNative(window: Window): boolean {
const win = window as any;
const capacitor = win['Capacitor'];
return !!(capacitor && capacitor.isNative);
}
export function isElectron(win: Window): boolean {
return testUserAgent(win, /electron/);
}
export function isStandaloneMode(win: Window): boolean {
return win.matchMedia('(display-mode: standalone)').matches;
}
export function needInputShims(win: Window) {
return isIOS(win) && isDevice(win);
}
export function testUserAgent(win: Window, expr: RegExp) {
return expr.test(win.navigator.userAgent);
}
export function matchMedia(win: Window, query: string, fallback = false): boolean {
return win.matchMedia
? win.matchMedia(query).matches
: fallback;
}
export interface PlatformConfig {
name: string;
isMatch: (win: Window) => boolean;
}
export const PLATFORM_CONFIGS: PlatformConfig[] = [
{
name: 'ipad',
isMatch: isIpad
},
{
name: 'iphone',
isMatch: isIphone
},
{
name: 'ios',
isMatch: isIOS
},
{
name: 'android',
isMatch: isAndroid
},
{
name: 'phablet',
isMatch: isPhablet
},
{
name: 'tablet',
isMatch: isTablet
},
{
name: 'cordova',
isMatch: isCordova
},
{
name: 'electron',
isMatch: isElectron
}
];
export function detectPlatforms(win: Window, platforms: PlatformConfig[] = PLATFORM_CONFIGS) {
// bracket notation to ensure they're not property renamed
return platforms.filter(p => p.isMatch(win));
}