个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
24
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章js判断浏览器版本以及浏览器内核的方法由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
本文实例讲述了js判断浏览器版本以及浏览器内核的方法。分享给大家供大家参考。具体实现方法如下:
js判断是否移动端及浏览器内核 。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
var
browser = {
versions:
function
() {
var
u = navigator.userAgent;
return
{
trident: u.indexOf(
'Trident'
) > -1,
//IE内核
presto: u.indexOf(
'Presto'
) > -1,
//opera内核
webKit: u.indexOf(
'AppleWebKit'
) > -1,
//苹果、谷歌内核
gecko: u.indexOf(
'Firefox'
) > -1,
//火狐内核Gecko
mobile: !!u.match(/AppleWebKit.*Mobile.*/),
//是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
//ios
android: u.indexOf(
'Android'
) > -1 || u.indexOf(
'Linux'
) > -1,
//android
iPhone: u.indexOf(
'iPhone'
) > -1 ,
//iPhone
iPad: u.indexOf(
'iPad'
) > -1,
//iPad
webApp: u.indexOf(
'Safari'
) > -1
//Safari
};
}()
}
if
(browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad) {
alert(
'移动端'
);
}
|
代码二 。
|
1
2
3
4
5
6
7
8
9
10
11
|
document.write(navigator.userAgent+
'<br><br>'
)
document.write(browser.versions.trident+
'<span>//ie</span> <br>'
)
document.write(browser.versions.presto+
'<span>//opera</span> <br>'
)
document.write(browser.versions.webKit+
'<span>//苹果、谷歌内核</span> <br>'
)
document.write(browser.versions.gecko+
'<span>//火狐内核</span> <br>'
)
document.write(browser.versions.mobile+
'<span>//是否为移动终端</span> <br>'
)
document.write(browser.versions.ios+
'<span>//ios</span> <br>'
)
document.write(browser.versions.android+
'<span>//android</span> <br>'
)
document.write(browser.versions.iPhone+
'<span>//iPhone</span> <br>'
)
document.write(browser.versions.iPad+
'<span>//iPad</span> <br>'
)
document.write(browser.versions.webApp+
'<span>//Safari</span> <br>'
)
|
。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
|
if
(!browser.ie && !browser.mac) {
var
UA = navigator.userAgent.toLowerCase().toString();
//判断是不是IE内核下的非IE版本
if
((UA.indexOf(
'360ee'
) > -1) || (UA.indexOf(
'360se'
) > -1) || (UA.indexOf(
'se'
) > -1) || (UA.indexOf(
'aoyou'
) > -1)
|| (UA.indexOf(
'theworld'
) > -1) || (UA.indexOf(
'worldchrome'
) > -1) || (UA.indexOf(
'greenbrowser'
) > -1)
|| (UA.indexOf(
'baidu'
) > -1) || (UA.indexOf(
'qqbrowser'
) > -1)) {
//是的话切换兼容模式
window.open(
"publicPage/point-se.aspx"
);
}
else
{
//不是的话，建议更换浏览器
alert(
'建议换成IE内核的浏览器'
);
}
}
else
{
//判断IE的版本型号
if
( (browser.version == 10 && browser.ie10Compat) || (browser.version == 11 && browser.ie11Compat)) {
window.open(
"publicPage/point.aspx"
);
}
/*
* @desc 判断浏览器的版本以及浏览器内核
* @author wangyanling
* @date 2014年7月4日
*/
var
browser =
function
() {
var
agent = navigator.userAgent.toLowerCase(),
opera = window.opera,
browser = {
//检测当前浏览器是否为IE
ie: /(msie\s|trident.*rv:)([\w.]+)/.test(agent),
//检测当前浏览器是否为Opera
opera: (!!opera && opera.version),
//检测当前浏览器是否是webkit内核的浏览器
webkit: (agent.indexOf(
' applewebkit/'
) > -1),
//检测当前浏览器是否是运行在mac平台下
mac: (agent.indexOf(
'macintosh'
) > -1),
//检测当前浏览器是否处于“怪异模式”下
quirks: (document.compatMode ==
'BackCompat'
)
};
//检测当前浏览器内核是否是gecko内核
browser.gecko = (navigator.product ==
'Gecko'
&& !browser.webkit && !browser.opera && !browser.ie);
var
version = 0;
// Internet Explorer 6.0+
if
(browser.ie) {
var
v1 = agent.match(/(?:msie\s([\w.]+))/);
var
v2 = agent.match(/(?:trident.*rv:([\w.]+))/);
if
(v1 && v2 && v1[1] && v2[1]) {
version = Math.max(v1[1] * 1, v2[1] * 1);
}
else
if
(v1 && v1[1]) {
version = v1[1] * 1;
}
else
if
(v2 && v2[1]) {
version = v2[1] * 1;
}
else
{
version = 0;
}
//检测浏览器模式是否为 IE11 兼容模式
browser.ie11Compat = document.documentMode == 11;
//检测浏览器模式是否为 IE9 兼容模式
browser.ie9Compat = document.documentMode == 9;
//检测浏览器模式是否为 IE10 兼容模式
browser.ie10Compat = document.documentMode == 10;
//检测浏览器是否是IE8浏览器
browser.ie8 = !!document.documentMode;
//检测浏览器模式是否为 IE8 兼容模式
browser.ie8Compat = document.documentMode == 8;
//检测浏览器模式是否为 IE7 兼容模式
browser.ie7Compat = ((version == 7 && !document.documentMode) || document.documentMode == 7);
//检测浏览器模式是否为 IE6 模式 或者怪异模式
browser.ie6Compat = (version < 7 || browser.quirks);
browser.ie9above = version > 8;
browser.ie9below = version < 9;
}
// Gecko.
if
(browser.gecko) {
var
geckoRelease = agent.match(/rv:([\d\.]+)/);
if
(geckoRelease) {
geckoRelease = geckoRelease[1].split(
'.'
);
version = geckoRelease[0] * 10000 + (geckoRelease[1] || 0) * 100 + (geckoRelease[2] || 0) * 1;
}
}
//检测当前浏览器是否为Chrome, 如果是，则返回Chrome的大版本号
if
(/chrome\/(\d+\.\d)/i.test(agent)) {
browser.chrome = +RegExp[
'\x241'
];
}
//检测当前浏览器是否为Safari, 如果是，则返回Safari的大版本号
if
(/(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) && !/chrome/i.test(agent)) {
browser.safari = +(RegExp[
'\x241'
] || RegExp[
'\x242'
]);
}
// Opera 9.50+
if
(browser.opera)
version = parseFloat(opera.version());
// WebKit 522+ (Safari 3+)
if
(browser.webkit)
version = parseFloat(agent.match(/ applewebkit\/(\d+)/)[1]);
//检测当前浏览器版本号
browser.version = version;
return
browser;
}();
|
希望本文所述对大家的javascript程序设计有所帮助.
最后此篇关于js判断浏览器版本以及浏览器内核的方法的文章就讲到这里了,如果你想了解更多关于js判断浏览器版本以及浏览器内核的方法的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
24
4
0
我的“登录”是在 IE 浏览器中进行的，登录后，如果我单击链接，它们就会在 Chrome 浏览器中打开。如何在同一个测试用例中将我当前的浏览器从 IE 切换到 Chrome。如果我创建一个 chrom
您好，我不明白在 Firefox 的内容属性中使用的特殊字符的不同显示行为。我已经剥离了一切并创造了一支笔: http://codepen.io/rpkoller/pen/Fbgav 在其“基本形式”
我正在研究 Spring Data REST，特别是 HAL 浏览器。我一直在关注 http://docs.spring.io/spring-data/rest/docs/current/refere
我正在使用工具提示，在 ie 上出现定位错误。我放了jquery浏览器代码 我的工具提示 $('.tooltip').tooltip({ position: "bottom center"
我应该如何处理蓝鸟协程中的错误？ 我使用co in节点已有一段时间，它具有出色的捕获功能。 co(function*() { return new Promise(function(resol
package webviewbrowser; import java.util.List; import javafx.application.Application; import javafx.
我有一些 JavaScript 在同一域上的两个独立服务器之间共享请求。 .com 是 JavaScript 中域的要求吗？ 在这种情况下，两台服务器都位于 .abc.tyy 域上，tyy 通常是 .
package webviewbrowser; import java.util.List; import javafx.application.Application; import javafx.
我正在尝试构建仍支持 NPAPI 的先前版本的 Chromium 浏览器。我已经获得了代码，并且可以使用 stand build 命令在我的 mac 上构建最新版本的 Chromium gclient
我环顾四周，找不到 browscap 的 Python 等效项(我在 PHP 中使用它来检测给定的用户代理字符串是什么浏览器。 我希望我不必自己写......:P 最佳答案 看看这个，它应该做你想要的
是否有任何 chrome 或 firefox 扩展允许 javascript 在客户端 PC 中创建写入文件？ 最佳答案 你想做什么？ HTML5 有一个 File API .这是最好的解决方案，因为
当我点击链接或刷新或关闭标签页时，我有这段代码会发出警报。 但我需要在关闭 窗口(选项卡)上仅 发出警报。怎么做？ 我的网站上有很多外部和内部链接。
我目前正在尝试使用 Browserify + Angular，但我遇到了一个奇怪的问题。我在我的 Controller 的子目录中创建了一个名为 controllers/start-controlle
我正在为客户(项目已被接受，但现在是解释不同功能的问题)写一份详细的估算，以开发一个响应式布局的网站。 这不是我第一次进行此类开发，但这是一个关键客户，必须铺平道路。 布局将从 300px 宽度调整到
我在时事通讯上设计了一些黑底白字。由于时事通讯在打印时看起来不错且可读。我需要使布局和文本与浏览器中的内容相似。 通常情况下，黑色文本和无背景颜色是浏览器/网络邮件客户端的默认打印样式吗？ 最佳答案
我有一个使用 GWT/mGWT 构建的移动友好网络应用程序。该应用程序有白色输入文本框和深灰色输入文本。但是，在 Android 浏览器上，文本显示为白色，因此是不可见的。我尝试的所有 CSS 都无法
我创建了一个带有选择输入的页面来更改正在使用的 jQuery UI 主题。当主题更改时，它会存储在 cookie 中。页面加载时，如果 cookie 存在，则恢复主题，否则加载默认主题。 当我使用 F
在我的 CSS 中，我使用了以下代码片段: word-break: break-word; -webkit-hyphens: auto; hyphens: auto; 渲染引擎如何知道在所有不同语言中
我的网络浏览器 Safari 有问题，我在 Chrome、FireFox 中测试了我的网站。 Safari 版本也是正确的，但是，当需要在 1920x1080 或更高分辨率下对其进行测试时，它无法正常
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
我是一名优秀的程序员,十分优秀！