miércoles, 7 de abril de 2010

Herramientas para desarrolladores web en Google Chrome, Opera e IE8

Firefox es el navegador de los diseñadores y desarrolladores web por su cantidad de aplicaciones dedicadas al desarrollo web que estan las 10 herramientas más importantes que escribí un tiempo atrás y se utilizan para estos profesionales. Sin embargo hay otros navegadores que tienen herramientas de desarrollo web, no son tan completas como las de Firefox pero podrian ser muy utiles para ver como se ven estos sitios en otros navegadores ya que no todo es Internet Explorer o Firefox también hay exelentes navegadores como Google Chrome, Opera o Safari, de hecho cada vez más diseñdores ocupan Google Chrome por su rapidez y seguridad. Con estas herramientas puedes ver e incluso editar CSS, Html, Scripts, etc.

Para ir a las herramientas para ver estas herramientas deben ir a:

Google Chrome:
En Google Chrome que cada vez más lo estan utilizando diseñadores web, hay que ir al icono de la hoja o archivo > Opciones de desarrolladores > Herramientas para desarrolladores o presionar Crtl + Mayusc + I y aprecera un nueva ventana que es una buena herramienta para ver como funciona el sitio o pagina puedes ver los CSS, Html, los Scripts, también puedes ver la velocidad del sitio en cuanto a bajada, el scripting y el renderizado. El único inconveniente es que no se puede editar el CSS ni Html. Tambien hay una extensión de Firebug un exelente editor web para Google Chrome.

Opera:
Opera tiene una herramienta de desarrollo web llamado Opera Dragonfly, es una exelente herramienta web, es muy parecido a Firebug una extensión de Firefox, para probarlo debes ir en Opera 10.5 a la O o la pestaña roja en la parte superior-izquierdo a Pagina > Herramientas de desarrollo > Opera Dragonfly con esta herramienta puedes ver los CSS, Html, Scripts, tiene un selector con el puntero para saber cual es el elemento y su ubicación en el código, y lo más importante que se puede editar el CSS ahi mismo. Es una de las mejores herramientas web que viene dentro de un navegador incluido.

Internet Explorer 8:

A pesar que este navegador es odiado por muchos (que me incluyo) lamentablemente es la más utilizada es por eso hay que tenerlo en cuenta, también tiene una herramienta para web hay que ir a Herramientas > Herramientas de desarrollo o presionar F12. También te permite ver Html, CSS y Scripts.

2 comentarios:

  1. es interesante como los diferentes navegadores intentan hacernos la vida un poco mas facil a los desarroladores web, pero mientras que IE no adopte los estandares como todos los demas,nuestro trabajo seguira igual,bueno por lo tanto podremos hacer uso de las herramientas que nos proporcionan los navegadores que si siguien los !estandares! al pie de la letra.

    ResponderEliminar
  2. con las herramientas para desarrolladores de google chrome es posible visualizar solamente o tambien es posible guardar el trabajo desde el navegador???

    Gracias

    Bibi

    ResponderEliminar