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

Posted 天国的恩赐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个简单的 PC端与移动端的适配(通过UA)相关的知识,希望对你有一定的参考价值。

只需在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;
}

以上是关于一个简单的 PC端与移动端的适配(通过UA)的主要内容,如果未能解决你的问题,请参考以下文章

移动端与PC端的触屏事件

pc端与移动端的区别

移动端的适配问题

通过USB数据线实现Android端与PC端的通信

js实现一个可以兼容PC端和移动端的div拖动效果

PC端移动端页面适配方案