【js检测移动设备并跳转到相关适应页面。】的更多相关文章

js检测移动设备并跳转到相关适应页面。

PS:网页自适应的方式有多种.有通过CSS样式表来实现自适应(主流),也有通过显示不同的页面来实现的方式. 下面代码是记录通过判断设备特征来跳转到相关的页面的方法. 实现要求: 当手机,平板访问 a.com 时,自动跳转到 a.com/m 页面(为移动设备开发的页面). 如果是PC,则正常访问 a.com或 a.com/pc(为电脑端开发的页面) 实现方法: <script> var is_mobi = navigator.userAgent.toLowerCase().match(/(ipo…

JS解析Json 数据并跳转到一个新页面，取消A 标签跳转

JS解析Json 数据并跳转到一个新页面,代码如下 $.getJSON("http://api.cn.abb.com/common/api/staff/employee/" + obj.id, function (result) { window.open("https://abb-my.sharepoint.com/_layouts/15/me.aspx?p=" + result.Email, "_blank") }); 取消A 标签跳转 &l…

js检测当前设备是移动端还是PC端

加上下面js即可 硬核判断: <script type="text/javascript"> //平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf(; system.mac = p.indexOf(; system.x11 = (p == ); if(system.win||sy…

使用js实现移动设备访问跳转到指定目录

最近最项目的时候总会同时做pc站点跟手机站点,当手机访问的时候默认是看到pc站点的,需要在url上加上/mobile才能正常访问,这段代码是我同事分享给我的,还是蛮实用的. CODE function ckMobile() { var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident')…

js检测访问设备

if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { }…

JS检测当前设备是PC还是移动端

用到的时候找到的分享下,也是收藏下,本地收藏多了感觉找起来很麻烦 方法1: function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true;…

使用js插件进行设备检测

一.分析新浪网是怎么做的   如新浪网有两种版本,一种是pc版,存放在www.sina.com.cn这个服务器上:另外一种是手机版,存放在www.sina.cn这个服务器上 原理是当用户输入网址www.sina.com.cn的时候,检测用户的设备,如果用户用的是pc,那么留在原地,如果检测用户的设备是手机访问的就跳转到www.sina.cn这个网址去(这样做是因为用户不可能记得住一个网站的那么多网址) 二.怎么检测设备 1.就要用到device.js库(不依赖Jquery),这是一种最简单的一种…

js判断设备，跳转app应用、android市场或者AppStore

js移动设备判断方法大全 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" > <title>Insert title here< /title> </head> <body> <script> //js判断是否是苹果设备 function checkIsAppleDevice() { var u = navigator.us…

js／css 检测移动设备方向的变化 判断横竖屏幕

js/css 检测移动设备方向的变化 判断横竖屏幕 方法一:用触发手机的横屏和竖屏之间的切换的事件 window.addEventListener("orientationchange", function() { // 宣布新方向的数值 alert(window.orientation); }, false); // 方法二:监听调整大小的改变 window.addEventListener("resize", function() { // 得到屏幕尺寸 (内部…

JS和css实现检测移动设备方向的变化并判断横竖屏幕

这篇文章主要介绍了JS和css实现检测移动设备方向的变化并判断横竖屏幕,本文分别给出实现代码,需要的朋友可以参考下 方法一：用触发手机的横屏和竖屏之间的切换的事件  [自测可用, chrome , 手机360浏览器, 微信浏览器 其他未测试过] 复制代码代码如下: window.addEventListener("orientationchange", function() { // 宣布新方向的数值 alert(window.orientation); }, false); 方法二：…