27
Jan
Hace un par de meses atrás hablamos sobre como detectar navegadores web mediante php, donde hacíamos uso de la variable súper global $_SERVER['HTTP_USER_AGENT'] para poder extraer el nombre clave del navegador.
Basados en ese mismo script podemos complementar para poder detectar si no visitan desde el iPhone
// Simple browser detection
$is_lynx = $is_gecko = $is_winIE = $is_macIE = $is_opera = $is_NS4 = $is_safari = $is_chrome = $is_iPhone =false;
if (strpos($_SERVER['HTTP_USER_AGENT'], 'Lynx') !== false) {
$is_lynx = true;
}elseif ( strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') !== false ) {
$is_iPhone = 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 );
Y con solo un If simple determinaríamos si el usuario que nos visita lo hace por un iPhone
if ($is_iPhone):
// Nos visitas por medio del iPhone
endif;
if ($is_iE):
// Nos visitas por medio de IExplore
endif;
Y para los que solo deseen la validación del iPhone separo el código correspondiente.
$is_iPhone = false;
if (strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone') !== false ):
$is_iPhone = true;
endif;
22
Oct
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 el resto de la noticia »)
03
Oct
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 :) .
03
Sep
Leo en EvilFingers un Advisory sobre la explicación técnica del fallo el cual radica en la librería chrome.dll (versión 0.2.149.27) del navegador que permite bloquear todas las pestañas del Google Chrome(beta) introduciendo en la barra de direcciones la combinación siguiente :% mostrando el mensaje "! Vaya ¡ Google Chrome ha fallado. ¿Deseas reiniciar?" repetidamente saturando el navegador.
03
Sep
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.
