gpt4 book ai didi

javascript - 修复了一个可以根据平台引导您访问不同网站的图标

转载 作者:行者123 更新时间:2023-11-28 03:37:11 26 4
gpt4 key购买 nike

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com