写网站发现有一部分css在chrome和ie上都是正常显示,但是firefox浏览器却出现了问题,找了很多方法都不能有效地解决。
最后想到通过识别不同的浏览器来加载对应的css,果然解决了兼容性的问题,代码如下:
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var browser=navigator.appName;//浏览器
var b_version=navigator.appVersion//版本
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if (userAgent.indexOf("Firefox") > -1) {
document.writeln("<link rel=\"stylesheet\" href=\"css/public-ff.css\">");//加载css文件
} //判断是否Firefox浏览器
if (userAgent.indexOf("Opera") > -1) {
alert("Opera");
}; //判断是否Opera浏览器
if (userAgent.indexOf("Chrome") > -1){
alert"Chrome";
}//判断是否Chrome浏览器
if (userAgent.indexOf("Safari") > -1) {
alert"Safari";
} //判断是否Safari浏览器
/*判断是否ie浏览器及其版本*/
if(browser=="Microsoft Internet Explorer" &&trim_Version=="MSIE6.0")
{
alert("IE 6.0");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0")
{
alert("IE 7.0");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE8.0")
{
alert("IE 8.0");
}
else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE9.0")
{
alert("IE 9.0");
}