15 Extensiones de Chrome para Diseñadores y Desarrolladores

0 - , - 25/01/2010 20:24:07

La llegada de Google Chrome a finales de 2008 ha supuesto la irrupción de un gran competidor para los otros navegadores. En este cerca de un año la cantidad de extensiones para Chrome no ha hecho más que crecer, y esto unido a que es más rápido que Firefox y usa menos CPU, ha hecho que muchos desarrolladores y diseñadores hayan considerado utilizarlo. En este post se hace un pequeño repaso a 15 extensiones de Chrome para diseñadores y desarrolladores web.

Aviary Screen Capture

15 Must Have Google Chrome Extensions for Web Designers & Developers » »

Xenocode Browser Sandbox: Ejecuta cualquier navegador desde la web

0 - , - 24/02/2009 06:30:28

Xenocode Browser Sandbox es un entorno virtualizado seguro, desde el que podemos descargar e instalar los navegadores web más conocidos y populares, como son Firefox, Internet Explorer (6, 7 y 8) , Opera, Chrome y Safari. Un recurso muy interesante para realizar pruebas de visualización en diversos entornos. La ventaja está en poder probar la compatibilidad de un software sin tener que instalar ningún navegador propiamente dicho. Podremos realizar pruebas en todos los entornos olvidándonos de que las instalaciones incorporen agujeros de seguridad a Windows, evitaremos problemas de incompatibilidad entre las distintas versiones de IE, no necesitamos instalar software adicional, etc. "El navegador de Sandbox es un gran recurso para los usuarios y empresas interesadas en realizar pruebas en Internet Explorer 8 o otros navegadores, sin que ninguno de los problemas o molestias asociadas con la instalación de un nuevo navegador en su escritorio".

Xenocode Browser Sandbox » »

Hack para hacer cualquier página web editable

0 - , , , - 07/11/2008 00:00:00

¿Quieres cambiar la cifra de tus ganancias en Adsense y vacilar un poco a tus amigos? ¿Quieres aparecer en la portada del Marca? Con este hack puedes editar el contenido de cualquier página web. Los pasos a seguir son:

1- Ve a la web que quieres editar.
2.- En la barra de direcciones del navegador, pega el siguiente código:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

3.- Presiona la tecla Intro y ya podrás editar cualquier parte de la página web: Eliminar contenido, mover las imágenes, añadir texto propio,...

Obviamente las modificaciones que hagamos no son almacenadas en el servidor de la página web.

Vía Phil Benwell » »

Detectar el navegador con PHP

0 - , , - 11/10/2006 09:42:18

Si en el anterior post se comentaba la detección del Internet Explorer con Javascript, en este ejemplo vamos a ver la detección de navagadores (incluido el IE7). Haciendo uso del método $_SERVER['HTTP_USER_AGENT'] podemos crear una función que nos indique ante que navegador nos encontramos para así poder actuar de un modo u otro.

<?php
function ObtenerNavegador($user_agent) {
     $navegadores = array(
          'Opera' => 'Opera',
          'Mozilla Firefox'=> '(Firebird)|(Firefox)',
          'Galeon' => 'Galeon',
          'Mozilla'=>'Gecko',
          'MyIE'=>'MyIE',
          'Lynx' => 'Lynx',
          'Netscape' => '(Mozilla/4\.75)|(Netscape6)|(Mozilla/4\.08)|(Mozilla/4\.5)|(Mozilla/4\.6)|(Mozilla/4\.79)',
          'Konqueror'=>'Konqueror',
          'Internet Explorer 7' => '(MSIE 7\.[0-9]+)',
          'Internet Explorer 6' => '(MSIE 6\.[0-9]+)',
          'Internet Explorer 5' => '(MSIE 5\.[0-9]+)',
          'Internet Explorer 4' => '(MSIE 4\.[0-9]+)',
);
foreach($navegadores as $navegador=>$pattern){
       if (eregi($pattern, $user_agent))
       return $navegador;
    }
return 'Desconocido';
}
?>

La función la llamariamos:

<?php echo ObtenerNavegador($_SERVER['HTTP_USER_AGENT']) ?>

Detectar Internet Explorer 7 con Javascript

0 - , , , - 11/10/2006 07:17:33

En Ajaxian se ha creado un interesante post en el que se muestran diversas formas de detectar Internet Explorer 7 con Javascript. A partir de un código inicial:

if (typeof document.body.style.maxHeight != "undefined") {
   // IE 7, mozilla, safari, opera 9
} else {
   // IE6, older browsers
}

En los comentarios se han ido aportando otras soluciones que nos servirían para determinar si estamos ante un IE7 o no, tales como los comentarios condicionales, el uso de XMLHttpRequest, etc.

Detecting IE7 in Javascript » »

1