Si eres programador de PHP o lo conoces medianamente, alguna vez te habrá surgido la necesidad de usar una función como la de isset pero en Javascript que carece de ella, yo la solución la encontré en la página de aNieto, muy recoemdable, pero aún así me daba problemas, creo que era con los arrays y tuve que mejorar su función. El resultado final de un isset que no falla es este:

No funciona exactamente como isset de php en este caso hay que pasarle como cadena la variable a evaluar en vez de la variable en si.

Hace tiempo que me dedico a desarrollo web de forma profesional, concretamente desde que me decidí a montar mi propia empresa. Una de las herramientas indispensables es un buen navegador web, pero tal y como vienen de fábrica sólo sirven para ver el resultado y poco más.

Siempre dije que para desarrollar hay que hacerlo empezando por el navegador que mejor cumple los estándares hasta el que menos los cumple, y eso nos da la siguiente lista:

1º Safari 4 (Beta) (100%) (75% en su versión 3 que es la estable)
2º Opera (85%) (100% en su versión beta)
3º Chrome (78%)
4º Firefox  (71%)
5º Internet Explorer 8 (12%)
6º Internet Explorer 7 (11%)

Todo esto basado en la versión descargable actual de cada navegador y según el test Acid 3. Internet Explorer queda descartado de facto, además de ser la vergüenza en cuanto a estándares.

Safari 4 sólo esta disponible para Windows y Mac, y aunque tiene herramientas para desarrolladores en su nueva versión, lo vamos a descartar ya que además tiene una cuota de mercado muy baja, también yo sólo trabajo en Linux cosas que hacer que lo descarte y lo deje relegado a la ejecución de Safari bajo una máquina virtual.

Opera está en todas las plataformas, es rápido y eficiente, su única pega puede ser que no es libre, cosa que no viene a cuento, pero su mayor defecto es que no trae herramientas para desarrolladores o son muy pobres. Una pena ...

Chrome es un navegador joven y aunque supera a Firefox actualmente no tiene pluggins en su versión en explotación, y por lo tanto no tiene herramientas de desarrollo. Además, aún no han sacado su versión para Linux, la buena noticia es que la versión en desarrollo consigue un 100% y traerá pluggins.

Con ello nos queda Firefox con un 71%, cifra nada despreciable, y tiene todo tipo de complementos y demás, con lo cual tenemos una sobre-oferta de herramientas, y lo mejor de todo es que es multiplataforma.

Una vez desarrollamos para Firefox, probamos en Safari, Opera y Chrome y si nos hemos ceñido a los estándares no habrá que hacer cambios o serán muy muy pocos. Luego nos tocará retocar los fallos que hayan salido en Internet Explorer. Empezar para Internet Explorer y luego probar con el resto es la peor opción porque consumiremos muchísimo más tiempo.

¿Qué nos queda? Pues configurar Firefox de forma que sea lo mejor de lo mejor para desarrollar, y también sea dicho, averiguar  cómo hicieron otras páginas destripándolas de forma ordenada.

Borrar la cache de forma cómoda

Uno de los incordios más comunes cuando hacemos pruebas en nuestro desarrollo web es tener que ir constantemente a borrar la cache. La solución es tener el borrado de cache accesible desde un botón directamente en el menú, ganado en comodidad y rapidez. Esto lo conseguimos con Clear Cache Button

Control de Cookies

Otro problema que nos encontraremos es la necesidad de borrar o bloquear cookies de forma sencilla para realizar un nueva prueba. Esto nos lo soluciona CS Lite ya que nos proporciona un gestor de cookies accesible rápidamente desde la barra de estado a mano derecha.

Copiar con y sin formato

A veces copiamos un elemento o un texto de una web y cuando pegamos en otro sitio como un editor de texto, nos llevamos los enlaces y el formato de premio y tenemos que eliminar el formato y los enlaces a mano. Con Extended Copy Menu obtendremos 2 opciones de copia más en nuestros menús emergentes que son "Copiar como texto sin formato" y "Copiar como html".

Dehabilitar / Habilitar Java y Javascript

A veces tenemos que hacer pruebas de cómo funciona nuestra página sin Javascript, sobre todo por temas de accesibilidad e indexado y sin en menor grado sin Java. Podemos tener un interruptor virtual y a mano en la barra de estado con QuickJava

Depurar Javascript y mucho mucho más

Uno de los grandes problemas es no tener un depurador de javascript lo que nos puede volver locos, esto lo solucionamos con el maravilloso Firebug, aunque otra de sus mejores opciones es poder inspeccionar los elementos de nuestro documento HTML y explorar todo el árbol DOM y BOM, visualizar qué reglas css están teniendo efecto y ver los valores de la maquetación, pero es que Firebug no viene sólo sino que podemos ampliar Firebug, para poder depurar PHP con FirePHP, controlar las cookies con Firecookie, para buscar elementos en línea como eventos javascript, estilos y enlaces podemos usar Inline Code Finder y con Pixel Perfect entre otras cosas podremos añadir sobre la marcha capas y mirar cómo quedarían. Sencillamente genial y genialmente sencillo.

Controlar los Flash

¡¡Muere!! Flash ¡¡Muere!! es lo que sientes algunas veces cuando el flash se superpone sobre el diseño o está estorbando sobre otros elementos, para eliminar cualquier flash sobre la marcha usamos Flash Killer, pero lo mejor sería arrancarlos sólo cuando lo necesitemos bloqueándolos por defecto y arrancándolos sólo cuando lo necesitemos y para eso nada mejor que Flashblock.

Ver las cabeceras de respuesta del servidor

A veces esto es necesario, sobre todo cuando trabajamos con Mime-types y salidas que no son html, como RSS por ejemplo. Para ver las respuesta usaremos Live HTTP headers.

Probar expresiones regulares

La necesidad de probar expresiones regulares en vivo y en directo, sobre todo cuando trabajamos con javascript, pueden solucionarse con Regular Expressions Tester.

Navaja multiusos

Desabilitar la cache Java, Javascript, Redirecciones, Fuentes, Colores, Pop-up, Proxies, Contralar cookies, controlar, habilitar y manejar CSS, Formularios, Imágenes, Información, ver la página en cualquier resolución, validar nuestras páginas, todo esto y mucho más desde una barra de menú con  Web developer.

Ver las tripas sin dejar de ver la página

Si lo que necesitas es ver los elementos de la página como una radiografía como si el html fueran los huesos, no te preocupes, X-Ray es tu aliado.

Y como bonus, poder gestionar tus bases de datos SQLite desde Firefox con SQLite Manager

Existen más herramientas para desarrolladores, incluso editores HTML desde el propio navegador, pero a mi modo de ver éstas son las mejores

¿Conoces alguna herramienta más digna de mención? ¿Crees que otro navegador puede prepararse mejor que este?