Contido distinto para cada navegador

Grazas ó código da entrada Deteccion de navegador, é posible xerar contido a medida para cada navegador.

Neste exemplo, crearáse unha web que cargará unha imaxe distinta para cada navegador, usaremos o logotipo de cada navegador, e analizaremos como navegadores os seguintes:

1. Microsoft Internet Explorer.
2. Mozilla Firefox.
3. Google Chrome.
4. Apple Safari.
5. Opera.

Para solucionar este problema será preciso comprobar se na cadea user-agent se atopa algunha cadea identificativa do navegador, como se pode ver no seguinte algoritmo.

O código correspondente será o seguinte:

function cargarImaxeNavegador () {
 var axente = navigator.userAgent;
 axente = axente.toLowerCase();
 
 if (axente.indexOf("msie") >= 0) {
  //Microsoft Internet Explorer
  document.write("<IMG src='logoexplorer.jpg'/>");
 }
 else if (axente.indexOf("firefox") >= 0) {
  //Mozilla Firefox
  document.write("<IMG src='logofirefox.jpg'/>");
 }
 else if (axente.indexOf("opera") >= 0) {
  //Opera
  document.write("<IMG src='logoopera.jpg'/>");
 }
 else if (axente.indexOf("opr") >= 0) {
  //Opera
  document.write("<IMG src='logoopera.jpg'/>");
 }
 else if (axente.indexOf("safari") >= 0) {
  if (axente.indexOf("chrome") >= 0) {
  //si pon safari e ademais pon chrome enton e chrome
   document.write("<IMG src='logochrome.jpg'/>");
  } 
  else {
  //si pon safari pero NON pon chrome enton e safari
   document.write("<IMG src='logosafari.jpg'/>");    
  }
 }
 else {
  alert ("Navegador descoñecido");
 }
}