HTML判断是否为移动端,是跳转到/mobine否则跳转到/pc
要在HTML中根据用户设备判断是否为移动端,并据此进行跳转,可以通过JavaScript来实现。以下是一个示例代码:
```html
<!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`,请确保相应地更新路径。
AI智能问答网
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用创作工场,更聪明、更完整、更原创!