• 智能AI问答!更聪明、更完整、原创作!
  • 一款基于GPT的超级AI机器人,可以回答问题、聊天、创作、写文案!

HTML判断是否为移动端,是跳转到/mobine否则跳转到/pc

发布于 2024-10-17 00:01:45

要在HTML中根据用户设备判断是否为移动端,并据此进行跳转,可以通过JavaScript来实现。以下是一个示例代码:

<!DOCTYPE html>
<html>
<head>
    <script>
        function detectDevice() {
            var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
            if (isMobile) {
                window.location.href = "/mobine";
            } else {
                window.location.href = "/pc";
            }
        }
    </script>
</head>
<body onload="detectDevice()">
    <p>正在检测设备...</p>
</body>
</html>

在这个示例中,我们使用了一个名为detectDevice的函数来检测当前用户的设备类型。这个函数使用正则表达式来判断用户的浏览器User Agent是否包含iPhone、iPad、iPod或Android这些关键词。

  1. 如果是移动端设备(匹配到iPhone、iPad、iPod或Android),则将页面重定向到/mobine
  2. 如果不是移动端设备,则将页面重定向到/pc

我们使用了window.onload事件来确保在页面加载完成后执行detectDevice函数。这样,当页面加载完成时,会自动根据设备的类型进行跳转。

请注意,这个方法并不是100%准确的,因为User Agent字符串可能发生变化或被用户修改。但通常情况下,这种方法对于大多数设备来说足够有效。

另外,/mobine可能是一个拼写错误。如果您的意图是跳转到/mobile,请确保相应地更新路径。

0 条评论

发布
问题

在线
客服