一个简单的 PC端与移动端的适配(通过UA)

本文介绍了一种使用JavaScript来判断用户代理并实现不同设备(PC与手机)间的URL自动跳转的方法。通过简单的代码片段,可以有效地为用户提供适配其设备的网页版本。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

只需在header引用个js文件, 原理就是判断UA里面的标识.  加下面代码添加到js文件,在头文件引用即可

var Pc_url = 'http://www.baidu.com'; //PC端网址
var Phone_url = 'http://www.sougou.com'; //手机端网址
function IsPC(){
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
}
return flag;
}
var ispc = IsPC();
if(ispc) {
window.location.href= Pc_url;
}else{
window.location.href= Phone_url;
}

转载于:https://www.cnblogs.com/jinshuo/p/8176394.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值