【JS 移动端】获取设置页面大小
2024-08-27 15:25:57
获取设置页面大小
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");
}
}
最新文章
- 从零开始学Python06作业思路:学生选课系统
- QT添加二次确认功能,QMessageBox的使用
- AWVS漏洞测试-03节-添加扫描项目
- 栈stack的C实现
- 与众不同 windows phone (36) - 8.0 新的瓷贴: FlipTile, CycleTile, IconicTile
- js/jquery判断浏览器的方法总结
- oracle管理控制台不能打开,提示此网站的安全证书有问题?
- FLASH CC 2015 CANVAS (三) flash中写JS调用html中JS的函数,变量
- 跨进程发送消息数据(发送WM_COPYDATA消息,够简单的)
- 关于SVN的操作批处理示例
- createwindow
- Android开发之自定义圆角矩形图片ImageView的实现 - Jamy Cai
- redis client protocol 分解
- Oracle实践--PL/SQL表分区的基础
- kNN算法:K最近邻(kNN,k-NearestNeighbor)分类算法
- KVO原理解析
- Linux 小知识翻译 - 「Linux之父 Linus」
- Maven笔记 #01# 入门
- android开发心得之知识的量变到质变
- es6之yield
热门文章
- Bugku-CTF之sql注入2 (全都tm过滤了绝望吗?)
- tomcat查看当前内存
- Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive
- kotori和bangdream
- 并发编程之CyclicBarrier
- Git - Windows 下, gitbash 打开资源管理器
- Go并发介绍
- Go时间
- zabbix-agent不能启动:配置文件出现特殊字符导致
- Blockchain technology and Application