<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>关于javascript - 修复了一个可以根据平台引导您访问不同网站的图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57600234/