<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>

10-05 21:06
查看更多