Posts tagged Browser Sniff

Hace ya unas semanas implemente un plugin para que cada vez que alguien comente aparezca qué navegador usa, la versión del mismo y el sistema operativo que tiene.

El plugin está diseñado para WordPress que están montados en servidores propios. Cabe mencionar que el mismo es sólo una modificación del plugin original, el cual fue dejado a la deriva en el 2005, y que gracias a Christian [editor de El Francotirador] se mejoró para que tuviera soporte de algunas consolas,  ciertos navegadores y distribuciones de linux actuales.

Dentro de las mejoras se encuentran las siguientes:

• Soporte para Google Chrome e iPhone.
• Soporte para Sony PSP.
• Soporte para Windows 7 y Linux Mint.
• Corregida identificación de Safari para Windows como Mac OS X.
• Corregido el error que identificaba a Safari como Netscape.
• Actualizados íconos de FreeBSD, Slackware, Gentoo y Fedora.
• Ordenado del código para separar navegadores por plataforma.

Ahora me tomo la libertad de hacer un super copy&paste de las instrucciones de instalación:

Este plugin es sólo para bitácoras montadas sobre WordPress. No funcionará en otros sistemas ni por mucho que le ruegues.

De la misma forma asumo que sabes 4 cosas:

1. Dónde está tu instalación de WordPress.
2. Cómo conectar a tu servidor vía FTP.
3. Qué es una etiqueta de HTML o PHP.
4. Que la república de Laos se fundó en 1949.

Si no tienes alguno de los conocimientos anteriores, creeme que es mejor dejar las cosas como están y todos tan amigos.

Procedamos:

1. Descomprime el archivo. Notarás que se crea un archivo browsersniff.php y una carpeta browsers llena de íconos muy monos.
2. Sube el archivo browsersniff.php a la carpeta wp-content\plugins de tu blog. Luego copia la carpeta browsers en tu directorio raíz.
3. En la sección Plugins del panel de administración de WordPress activa el plugin Browser Sniff.
4. En tu plantilla de comentarios (usualmente comments.php), pega la siguiente línea donde quieras que aparezca la información:

   <?php pri_print_browser("Usando ", "", true, 'sobre'); ?>

5. Como probablemente querrás darle un estilo acorde a tu blog, puedes encerrar la línea anterior entre dos etiquetas html div y usar CSS para enchularla.

Si te gusta la forma en que se ven en mi bitácora, estos son mis estilos:

 #browser {
 margin-bottom: 12px;
 padding: 4px;
 border: solid 1px #aaa;
 vertical-align: bottom;
 text-align: center;
 background: #fff;
 }

 #browser img {
 margin: 0 1px 0 1px;
 vertical-align: bottom;
 }

Toda esta información fue provista por El Francotirador, y puedes descargar ahora mismo el plugin que tiene por version 1.13 de Browser Sniff