Te explico, colocas este script entre las etiquetas <head> ... </head> de tu página.
Esta primera parte es un script prefabricado que encontré por la red, es por ello que si lo colocas en tu web déjale el comentario inicial con su autor. Con este script te detecta el navegador del visitante, y hasta la versión del mismo.
<script language="Javascript">
//detección del navegador por [url]http://www.quirksmode.org/js/detect.html[/url]
var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
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));
},
dataBrowser: [
{ string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
},
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari"
},
{
prop: window.opera,
identity: "Opera"
},
{
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: "Explorer",
versionSearch: "MSIE"
},
{
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
},
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
],
dataOS : [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "Mac"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]
};
BrowserDetect.init();
Una vez que sabemos que navegador utiliza, tan solo nos queda condicionar las hojas de estilos a cada navegador. Yo solo utilizo la diferencia entre IE y el resto, aunque podrías colocar una hoja para cada uno de los navegadores que detecta.
if (BrowserDetect.browser == "Explorer") {
document.write("<LINK REL='stylesheet' HREF='estilo-explorer.css' TYPE='text/css'>");
}
else {
document.write("<LINK REL='stylesheet' HREF='estilo-normal.css' TYPE='text/css'>");
}
</script>
A la hora de colocarlo en la página, lógicamente no lo separes como yo he hecho aquí, lo colocas todo junto.
Y una última cosa, elimina la etiqueta <LINK REL> que tengas ahora, que a veces se olvida y entonces el script no vale para nada, xd.
Espero que te sirva.
