CalinSoft

QuirksMode a desarrollado un script en javascript el cual nos devuelve información del usuario tales como el tipo de navegador, versión que usa y el SO.

El Script

Del objeto BrowserDetect podemos hacer uso de las siguiente propiedades.

• Nombre del Navegador: BrowserDetect.browser
• Versión del Navegador: BrowserDetect.version
• Nombre del Sistema Operativo: BrowserDetect.OS

(Leer más »)

La gran mayoría de sistemas de estadísticas nos brindan información relacionada al tipo de navegador que visita nuestra página, con la que tenemos una visión más grande de como optimizar nuestro sitio para los distintos navegadores.

Existen varias formas de poder detectar el navegador del cliente para fines estadísticos o para darle una mejor experiencia al usuario, en Wordpress se trabaja de una forma sencilla la detección de navegadores Web utilizando la variable global $_SERVER['HTTP_USER_AGENT'].

// Simple browser detection
$is_lynx = $is_gecko = $is_winIE = $is_macIE = $is_opera = $is_NS4 = $is_safari = $is_chrome = false;

if (strpos($_SERVER['HTTP_USER_AGENT'], 'Lynx') !== false) {
	$is_lynx = true;
} elseif ( strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'chrome') !== false ) {
	$is_chrome = true;
} elseif ( strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'webkit') !== false ) {
	$is_safari = true;
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Gecko') !== false) {
	$is_gecko = true;
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'Win') !== false) {
	$is_winIE = true;
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'Mac') !== false) {
	$is_macIE = true;
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') !== false) {
	$is_opera = true;
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Nav') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'Mozilla/4.') !== false) {
	$is_NS4 = true;
}

$is_IE = ( $is_macIE || $is_winIE );

Entonces la forma de usarlo es muy fácil

if ($is_IE):
// se ejecuta el codigo que esta designado para Internet Explorer
endif;

if ($is_chrome):
// se ejecuta el codigo que esta designado para Chrome (google)
endif;

Esto no solo nos puede servir para estadísticas globales, Wordpress lo utiliza para detectar el navegador de los usuarios que comentan en el blog.

También podemos utilizarlo para asignar mensajes o acciones para un navegador en especifico .

Via: ElGeek.info

¿Dudas?

Uno de los problemas comunes para los que diseñamos nuestros sitios Web es saber a ciencia acierta si el diseño de nuestra pagina esta soportado por los navegadores más usados en la red.

Este es un tema que ningún diseñador Web debe obviar y debe tener en cuenta siempre que diseñe una Web ya sea personal o trabajo.

La solución menos accesible es tener los 3 sistemas operativos más usados hoy en dia Mac OS, Windows y Linux con los navegadores. Pero no todos contamos con los recursos para esta solución es donde Browsershots nos da una manito.

Browsershots es un servicio gratuito de codigo abierto en 19 idiomas incluido el español el cual se encarga de la captura de pantallas en diferentes navegadores Web dentro de distintos SO.

Su funcionamiento es muy sencillo con solo digitar nuestra dirección Web que deseemos testear.

Y elegir entre los diferentes navegadores web en los distintos SO Linux, Windows, Mac OS, BSD como factor agregado podemos personalizar la captura de pantalla.

• Tamaño de pantalla
• Profundidad de color
• Javascript
• Java
• Flash

Luego de darle enviar esperaremos entre 3 a 30 minutos según la configuración y cantidad de navegadores que hayamos elegido.

Nota: Las capturas de pantalla entran en una cola de salida que lo puedes observar en detalles

Después de todo vale la pena esperar acá muestro una captura, como se ven los resultados dando la posibilidad de agrandarlos según la configuración que se aya elegido.

Despues de los rumores que difundio Google Dirson y el comic sobre el Google Chrome ya esta entre nosotros.

Soporte para multiples idiomas, sus caracteristicas principales son:

• Un cuadro para todo
  Escribe en la barra de direcciones y obtén sugerencias para búsquedas y páginas web.
• Miniaturas de las páginas más visitadas
  Accede a tus páginas favoritas a gran velocidad desde una pestaña nueva.
• Accesos directos para tus aplicaciones
  Obtén accesos directos en el escritorio para iniciar tus aplicaciones web favoritas.

Descarga Google Chrome

Sitio Oficial