How can I detect if user is accessing my website in Webview or on browser?
My websites backend is PHP and Frontend is Vue.
1
-
The dupes I posted can be used on PHP or client. Scroll down to the newest answermplungjan– mplungjan2023-02-12 07:12:41 +00:00Commented Feb 12, 2023 at 7:12
Add a comment
|
1 Answer
I have found this function in this site: https://codepen.io/jackmu95/pen/NLzqJR
It worked well for me.
function isWebview() {
const navigator = window.navigator
const userAgent = navigator.userAgent
const normalizedUserAgent = userAgent.toLowerCase()
const standalone = navigator.standalone
const isIos =
/ip(ad|hone|od)/.test(normalizedUserAgent) || (navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1)
const isAndroid = /android/.test(normalizedUserAgent)
const isSafari = /safari/.test(normalizedUserAgent)
const isWebview = (isAndroid && /; wv\)/.test(normalizedUserAgent)) || (isIos && !standalone && !isSafari)
return isWebview
}
2 Comments
mplungjan
Is this supposed to show true on iOS on iPhone 13? Because it does not
Misael
It is. I started to use a lib for handling this for me npmjs.com/package/is-ua-webview