使用js判断设备类型,调整网页大小

<script type="text/javascript">
        //当前设备浏览器版本信息
        var browser = {
            versions: function() {
                var u = navigator.userAgent, app = navigator.appVersion;
                return {//移动终端浏览器版本信息
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //Opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果/谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                    mobile: !!u.match(/AppleWebKit.Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                    ios: !!u.match(/(i[^;])+;( U;)? CPU.+Mac OS X/), //iOS终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //Android终端或者UC浏览器
                    iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1 //是否Web应该程序,没有头部与底部
                };
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        }
        //根据设备的不同,可以做一些事情。苹果
        if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad || browser.versions.android) {
            //window.location="http://localhost/index.html";
        }
        //根据设备的不同,可以做一些事情。安卓
        //else if (browser.versions.android) {
        //    //window.location="http://localhost/demo.php";
        //}
        document.writeln("语言版本: " + browser.language + "");
        document.writeln("是否为移动终端: " + browser.versions.mobile + "");
        document.writeln("iOS终端: " + browser.versions.ios + "");
        document.writeln("Android终端: " + browser.versions.android + "");
        document.writeln("是否为iPhone: " + browser.versions.iPhone + "");
        document.writeln("是否iPad: " + browser.versions.iPad + "");
        document.writeln("用户代理: " + navigator.userAgent + "");
        // 用户代理是一种对数据打包/创造分组头,以及编址/传递消息的部件.
    </script>

记录一下,可能会用到

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值