我希望将操作系统和浏览器放在主体类中。我需要它来实现像素完美的样式,因为字体在不同的操作系统/浏览器配置中的行为方式不同。经过一些谷歌搜索和实验。我能想到的唯一方法是使用indexOf...
var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("opera") != -1) return 'Opera';
if (agt.indexOf("firefox") != -1) return 'Firefox';
if (agt.indexOf("safari") != -1) return 'Safari';
if (agt.indexOf("webkit") != -1) return 'Webkit';
if (agt.indexOf("msie") != -1) return 'Internet Explorer';
if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';
我认为这不是一个非常漂亮的解决方案。有一些正则表达式可以做到这一点吗?或者有没有更快的方法来做到这一点?
您可以使用正则表达式,但它不会使它变得更漂亮。
基本上,扫描浏览器/操作系统/版本的用户代理字符串是never会变得美丽。
这是 jQuery 的一些更漂亮的东西......
// Add some classes to body for CSS hooks
// Get browser
$.each($.browser, function(i) {
$('body').addClass(i);
return false;
});
// Get OS
var os = [
'iphone',
'ipad',
'windows',
'mac',
'linux'
];
var match = navigator.appVersion.toLowerCase().match(new RegExp(os.join('|')));
if (match) {
$('body').addClass(match[0]);
};
这并不完全为您提供与上面相同的类,但足以区分不同的操作系统和浏览器。
例如,您可以使用以下命令在 Windows 上定位 Firefox:
body.windows.mozilla {
background: blue;
}
See it!
或者使用插件。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)