检测是否Android或iPhone，并根据结果显示一些内容

Question

我试图显示基于网站访问者是否使用Android或iPhone移动设备的链接。但我似乎不能让我一直在写的代码真正起作用。如有任何帮助，不胜感激。

我已经搜索了Stackoverflow和谷歌的解决方案，所有我能找到的是部分的解决方案-但没有我发现已经被证明是成功的。

这是我一直在努力工作的代码。

<p class="iphone">iphoneclass</p>
<p class="android">androidclass</p>
$(document).ready(function() {
if (navigator.userAgent.match(/(iPhone|iPad)/)) {
$('.android').hide();
}
if (navigator.userAgent.match(/(Android)/)) {
$('.iphone').hide();
}
});

Answer 1

这里我如何检查用户的设备。也许这对你也有用。

const userAgent = navigator.userAgent || navigator.vendor || window.opera;
if (/android/i.test(userAgent)) {
// android users
$('.iphone').hide();
} else if (/iphone/i.test(userAgent) || /ipad/i.test(userAgent)) {
// ios users
$('.android').hide();
}

Answer 2

一种简单但不优雅的方法是尝试检测user-agent字符串。

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent

比如

const agent = window.navigator.userAgent;

然后你可以试着用正则表达式搜索

与设备匹配https://deviceatlas.com/blog/mobile-browser-user-agent-strings