[html+css]判断是否为移动端并跳转

在做前端时,需要判断当前设备是否为移动端,是则跳转至另一网页。只需要在<head>中添加下面的代码。

1
2
3
4
5
6
7
<script type="text/javascript">
try{
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href="mindex.html";
}
}catch(e){}
</script>

例如,最近设计的网页bailucup.com,移动端不需要右侧的导航栏,因此设计了两种网页(当然肯定有更好的办法,在一个网页中就可实现该功能,但是技术有限,暂时不会,呃),就用到了此方法。