【JS 移动端】获取设置页面大小

获取设置页面大小

function getMobileData() {
    var ismobile = false;
    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()
    }
    ismobile = browser.versions.mobile;
}

function setChratSize(chartId) {
    var $dom = $("#" + chartId);
    if (browser.versions.mobile) {
        var pagewidth = $(window).width();
        var pageheight = $(window).height();
        console.log("width " + pagewidth + " height " + pageheight);
        window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize",
            function () {
                if (window.orientation == 180 || window.orientation == 0) {
                    $dom.height($(window).height() - 20);
                    $dom.width("100%");
                }
                if (window.orientation == 90 || window.orientation == -90) {
                    $dom.height($(window).height() - 20);
                    $dom.width("100%");
                }
            }, false);
        $dom.height(pageheight * 0.6);
        $dom.width(pagewidth * 0.95);
    }
    else {
        $dom.height("500px");
        $dom.width("700px");
    }
}