Tecnico Programador

Herramientas de Navegador para el desarrollo web. Siempre es útil tener uno de estas herramientas para poder debugar nuestras aplicaciones web. Visualizar el CSS, la estructura de la página, o lo más importante, debugar el Javascript de la página.

Internet Explorer

• IE Developer Toolbar, para Investigar y modificar la estructura y elementos de la página, así como el CSS aplicado. Download
• Script Debugger, para debugar el Javascript. Aunque es un poco complicado, puede que en algún momento específico lo utilicemos.

  Para habilitar el Debug en el Navegador
  Tools - Internet Options - Pestaña "Advanced"
  desmarcar "Disable Script Debugging" <em>(Las dos opciones existentes)</em>
  Para Abrirlo y Utilizarlo
  View - Script Debugger - Open

  Download y Ayuda

  Si utilizas Visual Studio, puedes Debuggar el Javascript sin problemas siempre que el código se encuentre en un .js y no esté incrustado en la misma Página.

Firefox

• Firebug, para la estructura web, los CSS, debugar el Javascript y mucho más. addons
• Web Developer, Una buena herramienta para el Desarrollo web, fácil e intuitiva de utilizar, y mientras más la utilicemos más nos gustará. addons

Chrome

• Web Developer Chrome, herramienta para el desarrollo web, css, imágenes, validaciones. Equivale al Web Developer de Firefox. Plugin
• Dual View, una curiosa herramienta que te divide el Navegador en dos, pudiendo navegar por dos páginas a la vez. Plugin

Conclusión

Cada vez se hace más dificil por la gran cantidad de navegadores, como siempre lo que funciona en uno no funciona en otro. Por eso siempre viene bien este listado de herramientas para Navegadores que nos ayudan en nuestros desarrollos web.