获取设置页面大小
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");
}
}