分享原生JavaScript技巧大收集(31~40)移动篇

浏览:1398 发布日期:2013年08月13日分类:技术分享关键字: javascript Android 移动开发 js技巧

.
文章来源:jquery教程 - http://www.jq-school.com/Show.aspx?id=303
.

31、原生]javascript判断是否移动设备

function isMobile(){

    if (typeof this._isMobile === 'boolean'){

        return this._isMobile;

    }

    var screenWidth = this.getScreenWidth();

    var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;

    var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");

    if(!fixViewPortsExperiment){

        if(!this.isAppleMobileDevice()){

            screenWidth = screenWidth/window.devicePixelRatio;

        }

    }

    var isMobileScreenSize = screenWidth < 600;

    var isMobileUserAgent = false;

    this._isMobile = isMobileScreenSize && this.isTouchScreen();

    return this._isMobile;

}

32、原生javascript判断是否移动设备访问

function isMobileUserAgent(){

    return (/iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase()));

}

33、原生javascript判断是否苹果移动设备访问

function isAppleMobileDevice(){

    return (/iphone|ipod|ipad|Macintosh/i.test(navigator.userAgent.toLowerCase()));

}

34、原生javascript判断是否安卓移动设备访问

function isAndroidMobileDevice(){

    return (/android/i.test(navigator.userAgent.toLowerCase()));

}

35、原生javascript判断是否Touch屏幕

function isTouchScreen(){

    return (('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);

}

36、原生javascript判断是否在安卓上的谷歌浏览器

function isNewChromeOnAndroid(){

    if(this.isAndroidMobileDevice()){

        var userAgent = navigator.userAgent.toLowerCase();

        if((/chrome/i.test(userAgent))){

            var parts = userAgent.split('chrome/');

            var fullVersionString = parts[1].split(" ")[0];

            var versionString = fullVersionString.split('.')[0];

            var version = parseInt(versionString);

            if(version >= 27){

                return true;

            }

        }

    }

    return false;

}

37、原生javascript判断是否打开视窗

function isViewportOpen() {

    return !!document.getElementById('wixMobileViewport');

}

38、原生javascript获取移动设备初始化大小

function getInitZoom(){

    if(!this._initZoom){

        var screenWidth = Math.min(screen.height, screen.width);

        if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){

            screenWidth = screenWidth/window.devicePixelRatio;

        }

        this._initZoom = screenWidth /document.body.offsetWidth;

    }

    return this._initZoom;

}

39、原生javascript获取移动设备最大化大小

function getZoom(){

    var screenWidth = (Math.abs(window.orientation) === 90) ? Math.max(screen.height, screen.width) : Math.min(screen.height, screen.width);

    if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){

        screenWidth = screenWidth/window.devicePixelRatio;

    }

    var FixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;

    var FixViewPortsExperimentRunning = FixViewPortsExperiment && (FixViewPortsExperiment === "New" || FixViewPortsExperiment === "new");

    if(FixViewPortsExperimentRunning){

        return screenWidth / window.innerWidth;

    }else{

        return screenWidth / document.body.offsetWidth;

    }

}

40、原生javascript获取移动设备屏幕宽度

function getScreenWidth(){

    var smallerSide = Math.min(screen.width, screen.height);

    var fixViewPortsExperiment = rendererModel.runningExperiments.FixViewport || rendererModel.runningExperiments.fixviewport;

    var fixViewPortsExperimentRunning = fixViewPortsExperiment && (fixViewPortsExperiment.toLowerCase() === "new");

    if(fixViewPortsExperiment){

        if(this.isAndroidMobileDevice() && !this.isNewChromeOnAndroid()){

            smallerSide = smallerSide/window.devicePixelRatio;

        }

    }

    return smallerSide;

}

最佳答案

评论() 相关

后面还有条评论,

您需要登录后才可以评论登录 | 立即注册

rongcloud2020 12-02
在融云 IMkit 会话界面基础上添加消息已读未读.
koor 10-22
Vue3都使用Proxy了,你更应该了解Proxy
执着〃々 08-02
thinkphp学习交流群
执着〃々 07-28
微信公众平台开发,小程序开发,php程序开发,模板下载,学习资料分...
haoww 02-16
PullToRefresh导入不到项目

收藏

赞

jqueryschool

积分:458 等级:LV2

热点推荐

(追記) (追記ここまで)

最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。