Javascript 浏览器设备识别

Nonkr

浏览: 61397 次
性别:
来自: 杭州

最近访客更多访客>>

caihueihuan123

5dprince

woodding2008

sqsgalaxys

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript

Javascript Browser OS

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>Screen Width Test</title>
<style type="text/css">
@media all and (max-device-width: 1024px) {
        body {
        background-color: yellow;
        }
}

</style>

</head>
<body>
<script type="text/javascript">
var agent = navigator.userAgent.toLowerCase();
var scrWidth = screen.width;
var scrHeight = screen.height;
// The document.documentElement dimensions seem to be identical to
// the screen dimensions on all the mobile browsers I've tested so far
var elemWidth = document.documentElement.clientWidth;
var elemHeight = document.documentElement.clientHeight;
// We need to eliminate Symbian, Series 60, Windows Mobile and Blackberry
// browsers for this quick and dirty check. This can be done with the user agent.
var otherBrowser = (agent.indexOf("series60") != -1) || (agent.indexOf("symbian") != -1) || (agent.indexOf("windows ce") != -1) || (agent.indexOf("blackberry") != -1);
// If the screen orientation is defined we are in a modern mobile OS
var mobileOS = typeof orientation != 'undefined' ? true : false;
// If touch events are defined we are in a modern touch screen OS
var touchOS = ('ontouchstart' in document.documentElement) ? true : false;
// iPhone and iPad can be reliably identified with the navigator.platform
// string, which is currently only available on these devices.
var iOS = (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPad") != -1) ? true : false;
// If the user agent string contains "android" then it's Android. If it
// doesn't but it's not another browser, not an iOS device and we're in
// a mobile and touch OS then we can be 99% certain that it's Android.
var android = (agent.indexOf("android") != -1) || (!iOS && !otherBrowser && touchOS && mobileOS) ? true : false;

document.write("<p><b>Screen width:</b> " + scrWidth +"px<br />" +
                                "<b>Screen height:</b> " + scrHeight + "px<br />" +
                                "<b>Document element width:</b> " + elemWidth +"px<br />" +
                                "<b>Document element height:</b> " + elemHeight + "px<br />" +
                                "<b>iOS device:</b> "+iOS+"<br />"+
                                "<b>Mobile OS:</b> "+mobileOS+"<br />"+
                                "<b>Touch OS:</b> "+touchOS+"<br />"+
                                "<b>Android device:</b> "+android+"</p>" +
                                "<p><b>User agent string:</b> "+navigator.userAgent+"</p>"
                                );
</script>
</body>
</html>

分享到：

span元素的width问题 | PPTP/L2TP over PPPoE的準確MTU/MRU值

2012-08-28 10:29
浏览 815
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Javascript 浏览器设备识别

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Javascript 浏览器设备识别

评论

发表评论

相关推荐

对国内4个常用CDN公共库加速服务的简单测试

eclipse 忽略jquery压缩文件报错

时间转换

jQuery.proxy可以往函数里传参

扩展prototype.js Object.deepExtend深度扩展

prototype.js1.7.1在IE下getOffsetParent()会返回body

Javascript string repeat 重复拼写字符串

Javascript 判断本地文件是否存在

可以参考的javascript编码风格

javascript 禁止鼠标右键

javascript 两个感叹号

关于javascript定义类与对象

javascript的call()与apply()

arguments.callee 调用自身

javascript callback

Keycode大全

JavaScript面向对象编程

Javascript 实现 php的 ip2long long2ip

JavaScript实现页面跳转的几种方式

Javascript 表单序列化

最近访客更多访客>>