Javascript 我能够检测到浏览,但我需要其他信息
我正在制作一种浏览器检测库,我知道用户代理嗅探并不理想。我在quirksmode.org上发现了一个非常有用的代码片段,看起来像这样:Javascript 我能够检测到浏览,但我需要其他信息,javascript,Javascript,我正在制作一种浏览器检测库,我知道用户代理嗅探并不理想。我在quirksmode.org上发现了一个非常有用的代码片段,看起来像这样: var $browser = { init: function () { this.name = this.searchString(this.dataName) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent)
var $browser = {
init: function () {
this.name = this.searchString(this.dataName) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "an unknown version";
},
searchString: function (data) {
for (var i=0;i<data.length;i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
return data[i].identity;
}
else if (dataProp) {
return data[i].identity;
}
}
},
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataName: [
{
string: navigator.userAgent,
subString: "Chrome",
identity: "Chrome"
},
{ string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
},
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari",
versionSearch: "Version"
},
{
prop: window.opera,
identity: "Opera",
versionSearch: "Version"
},
{
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
},
{
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
},
{
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
},
{
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
},
{ // for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
},
{
string: navigator.userAgent,
subString: "MSIE",
identity: "Internet Explorer",
versionSearch: "MSIE"
},
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
]
};
$browser.init();
但我也希望能够完成$browser.author、$browser.prefix和$browser.engine。
有人知道我怎么做吗?我知道我能做到
if($browser.name == "Chrome"){ var engine = "WebKit" }
但我不只是想要引擎,我想要$browser.engine
编辑
好吧,伙计们,正如我之前所说的,我知道用户代理嗅探并不理想。我的整个项目不是基于这个。这只是一个大JS文件上的一个小模块。这只是一个方便的$browser模块。我知道特征检测比ua嗅探要好得多,我使用Modernizer的方式比使用jQuery浏览器对象或Dojo的方式更多。事实上我从来没用过。
我知道stackoverflow通常不是一个教程网站,更不是一个教程网站,但我希望能找到一种快速的方法,手动在每个对象中添加额外的信息。我尝试了很多方法,但总是出错或失败 jQuery地图浏览器被有效地分组到引擎中,因为safari值已被弃用,而webkit值现在是首选
但是您还是应该使用jQuery.support。查看以下链接: 但是请记住,除非必须,否则通常不应该使用这些信息来代替功能检测——比如对于某些移动浏览器,您无法进行适当的功能检测,而这在这里可能不适用,因为您使用的是JavaScript
使用适当的特征检测,尽可能地使用。
你不应该考虑浏览器嗅探,你应该总是检测特征。为什么?您希望通过浏览器检测实现什么?如果这是源于代码库,我认为是的,那么页面上应该有一个警告,说永远不要这样做。 if($browser.name == "Chrome"){ var engine = "WebKit" }