网站PC端和移动端,用户通过设备识别

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="utf-8">
 5     <!--<meta name="viewport" content="width=device-width,initial-scale=1.0">-->
 6     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
 7
 8
 9
10     <title>website</title>
11   </head>
12   <body>
13
14   </body>
15
16 <script>
17 function IsPC() {
18     var userAgentInfo = navigator.userAgent;
19     var Agents = ["Android", "iPhone",
20                 "SymbianOS", "Windows Phone",
21                 "iPad", "iPod"];
22     var flag = true;
23     for (var v = 0; v < Agents.length; v++) {
24         if (userAgentInfo.indexOf(Agents[v]) > 0) {
25             flag = false;
26             break;
27         }
28     }
29     return flag;
30 }
31
32 var flag = IsPC();
33
34 if(flag){
35 console.log("sdasd")
36 window.location.href="pc/index.html"
37
38 }else{
39 console.log(flag)
40 window.location.href="mobile/index.html"
41
42 }
43 </script>
44
45 </html>

原文地址:https://www.cnblogs.com/yinhao-jack/p/10669607.html

时间: 2024-10-17 13:12:15

网站PC端和移动端,用户通过设备识别的相关文章

网站pc跳转移动端代码分享 alternate canonical 标签

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.mixian88.com/" ><link rel="canonical" href="http://www.mixian88.com/" />

在PC上测试移动端网站和模拟手机浏览器的5大方

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

PC端与移动端网站的识别

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

网站PC端跳转M端

//pc跳转M端 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){     try{         if(/Android|w

淘宝购物车页面 -- PC端和移动端实战

最近花了半个月的时间,做了一个淘宝购物车页面的demo.当然,为了能够更加深入的学习,不仅仅有PC端的固定宽度的布局,还实现了移动端在media query为768px以下(也就是实现了ipad,iphone 6 plus,iphone6,S5等)的flexbox弹性布局. 还要再说的是,pc端和移动端淘宝购物车页面的bug基本修复完毕,完全适合一个对html,css,css3 ,html5和js有基础,并且熟悉jquery,scss,熟悉json数据交换格式,jquery ajax的人进行学习

恩布企业IM PC端,服务端公布 1.16 版本号

恩布企业IM PC端,服务端公布1.16版本号,开源企业IM.免费企业即时通讯软件:主要版本号更新内容: 恩布服务端核心程序,添加进程守护保护机制,确保系统7*24持续稳定服务: 服务端添加内存数据库同步机制.降低直接操作数据库.提高系统性能. PCclient优化界面和操作体验,如添加联系人移到其它分组,完好在线人数显示等: 完好数据回调同步机制,实现注冊用户,改动password和用户上下线数据同步,支持HTTPS连接和数据加密: 添加部分REST API接口.解决已知BUG,提高系统性能:

恩布企业IM PC端,服务端发布 1.16 版本

恩布企业IM PC端,服务端发布1.16版本,开源企业IM,免费企业即时通讯软件:主要版本更新内容: 恩布服务端核心程序,增加进程守护保护机制,确保系统7*24持续稳定服务: 服务端增加内存数据库同步机制,减少直接操作数据库,提高系统性能: PC客户端优化界面和操作体验,如增加联系人移到其他分组,完善在线人数显示等: 完善数据回调同步机制,实现注册用户,修改密码和用户上下线数据同步,支持HTTPS连接和数据加密: 增加部分REST API接口:解决已知BUG,提高系统性能: 最新1.16版本百度

恩布企业IM PC端,服务端发布 1.17 版本

恩布企业IM PC端,服务端发布1.17版本,开源企业IM,免费企业即时通讯软件:主要版本更新内容: 增加内置数据库(SQLite),方便普通企业安装部署: 增加邮件发送功能,支持实现新用户帐号激活,密码重置等功能: PC客户端增加应用工作区,方便企业集成第三方网页应用: 解决P2P文件传输异常,部分Windows系统需要安装微软运行库才能正常运行问题: 优化完善界面操作体验和功能:增加部分REST API接口:修正已知BUG,提高系统性能: 最新1.17版本百度云盘下载地址: http://p