工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > JavaScript > 正文

识别手机端的代码

发布时间:2017-07-06 22:31:07作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载。

识别手机端的代码分为两个部分,一个是跳转,一个是识别手机文字。

一:识别文字大小的代码:

  1. <meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no"> 

如果不加这段代码,你会发现即便是你做的手机端网页,它的文字看起来非常小,像是再用手机看电脑一样。加了,文字会按照你代码规范的大小显示。

二:识别手机端的跳转

  1. <script type="text/javascript"
  2.         //判断浏览器客户端 
  3.         function browserRedirect() { 
  4.             var sUserAgent = navigator.userAgent.toLowerCase(); 
  5.             var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"
  6.             var bIsIOs = sUserAgent.match(/i os/i) == "i os"
  7.             var bIsMidp = sUserAgent.match(/midp/i) == "midp"
  8.             var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"
  9.             var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"
  10.             var bIsAndroid = sUserAgent.match(/android/i) == "android"
  11.             var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"
  12.             var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"
  13.             if ((bIsIpad || bIsIOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { 
  14.                 window.location.href = "/phone/"
  15.             } 
  16.         } 
  17.         browserRedirect(); 
  18. </script> 
window.location.href 后面的就是你手机端的路径。

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:常用于竞价单页面的js特效下一篇:网站防扒的一般措施

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi