识别手机端的代码

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

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

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

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

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

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

二：识别手机端的跳转

<script type="text/javascript">

        //判断浏览器客户端

        function browserRedirect() {

            var sUserAgent = navigator.userAgent.toLowerCase();

            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

            var bIsIOs = sUserAgent.match(/i os/i) == "i os";

            var bIsMidp = sUserAgent.match(/midp/i) == "midp";

            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

            var bIsAndroid = sUserAgent.match(/android/i) == "android";

            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

            if ((bIsIpad || bIsIOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {

                window.location.href = "/phone/";

            }

        }

        browserRedirect();

</script>

window.location.href 后面的就是你手机端的路径。

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

魏义齐全栈技术交流：