检测Android或iPhone,并根据结果显示内容

oalqel3c  于 2023-01-15  发布在  Android
关注(0)|答案(2)|浏览(115)

我正试图显示一个网站访问者是否使用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();
  }
});
92dk7w1h

92dk7w1h1#

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

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();
}
yrwegjxp

yrwegjxp2#

一个简单但不优雅的方法是尝试检测用户代理字符串。
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

相关问题