<html>
<body>
<p class="fab fa-facebook-square" id="fb"></p>
<script>
var uagent = navigator.userAgent.toLowerCase();{
function Detect();
{if (uagent.search("iphone"));
GetElementById("fb").href = "#";
else if (uagent.search("android");
GetElementById("fb").href = "#";
else (uagent.search("Mozilla/5.0 (X11; Linux x86_64)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103
Safari/537.36");
GetElementId("fb").href = "#";
}
</script>
</body>
</html>
我正在尝试根据平台而定。基本上,计划是创建一个图标,该图标可以带您进入页面的网站版本,或者启动应用程序并打开页面。
最佳答案
因此,我认为这是您的要求,您可以通过在“网络条件”下更改Chrome中的用户代理来检查其是否正常运行。只需取消选中自动设置并更改以模拟要测试的设备即可。
var uagent = navigator.userAgent.toLowerCase();
console.log(uagent)
function detectDevice() {
if (uagent.indexOf("iphone") !== -1) {
return "iphone"
}
if (uagent.indexOf("ipad") !== -1) {
return "ipad"
}
if (uagent.indexOf("android") !== -1) {
return "android"
}
return "desktop browser"
}
function setLink(element) {
const device = detectDevice()
console.log(device)
switch(device) {
case "iphone":
element.href="/iphone"
break;
case "ipad":
element.href="/ipad"
break;
case "android":
element.href="/android"
break;
default:
element.href="/desktop"
break;
}
console.log(element.href)
}
const element = document.getElementById("fb")
setLink(element)
<p class="fab fa-facebook-square">
<a id="fb" href="/fb">FB</a>
</p>