ios html tel detect,detect ipad/iphone webview via javascript

Try With IOS 13

function mobileDetect() {

var agent = window.navigator.userAgent;

var d = document;

var e = d.documentElement;

var g = d.getElementsByTagName('body')[0];

var deviceWidth = window.innerWidth || e.clientWidth || g.clientWidth;

// Chrome

IsChromeApp = window.chrome && chrome.app && chrome.app.runtime;

// iPhone

IsIPhone = agent.match(/iPhone/i) != null;

// iPad up to IOS12

IsIPad = (agent.match(/iPad/i) != null) || ((agent.match(/iPhone/i) != null) && (deviceWidth > 750)); // iPadPro when run with no launch screen can have error in userAgent reporting as an iPhone rather than an iPad. iPadPro width portrait 768, iPhone6 plus 414x736 but would probably always report 414 on app startup

if (IsIPad) IsIPhone = false;

// iPad from IOS13

var macApp = agent.match(/Macintosh/i) != null;

if (macApp) {

// need to distinguish between Macbook and iPad

var canvas = document.createElement("canvas");

if (canvas != null) {

var context = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");

if (context) {

var info = context.getExtension("WEBGL_debug_renderer_info");

if (info) {

var renderer = context.getParameter(info.UNMASKED_RENDERER_WEBGL);

if (renderer.indexOf("Apple") != -1) IsIPad = true;

}

;

}

;

}

;

}

;

// IOS

IsIOSApp = IsIPad || IsIPhone;

// Android

IsAndroid = agent.match(/Android/i) != null;

IsAndroidPhone = IsAndroid && deviceWidth <= 960;

IsAndroidTablet = IsAndroid && !IsAndroidPhone;

message = ""

if (IsIPhone) {

message = "Device is IsIPhone"

}

else if (IsIPad) {

message = "Device is ipad"

} else if (IsAndroidTablet || IsAndroidPhone || IsAndroid) {

message = "Device is Android"

} else {

message = "Device is Mac || Windows Desktop"

}

return {

message: message,

isTrue: IsIOSApp || IsAndroid || IsAndroidTablet || IsAndroidPhone

}

}

const checkMobile = mobileDetect()

alert(checkMobile.message + " =====> " + checkMobile.isTrue)