coScripter: plugin de Firefox para hacer how-to

ByLuis

coscripter.pngAunque ya hablamos en su momento de este plugin de Firefox, es ahora cuando IBM lo ha finalizado y podemos disponer de él. Se trata de un plugin que nos permite grabar en scripts la actividad que realizamos mientras visitamos páginas webs y así poder repetirlo en otro momento o compartirlo con otros usuarios.
La gran utilidad que le veo a este script es la de poder generar how-to, sobre todo en proyectos para poder generar casos para los tests de prueba.
A parte, existe un repositorio de scripts que comparten con los usuarios .
coScripter
Vía / SitePoint

Similar Posts

Firefox 2: ahora sí

ByLuis

firefox2.pngBueno, tantas prisas por tener Firefox 2 antes de la salida oficial, y tantos líos con que si no es bueno bajárse la versión no oficial, que al final no se ha tenido que esperar nada porque ya es oficial la salida de Firefox 2.
No vamos a volver a comentar las novedades porque ya lo hemos dicho en otras ocasiones, por lo que solo nos falta decir… que ustedes lo disfruten.
Firefox 2

Selenium IDE: plugin para Firefox para realizar testing

ByLuis

Selenium IDE es un plugin para Firefox que nos va a facilita la labor de realizar juegos de pruebas en nuestras aplicaciones web. Para ello nos permite grabar, editar y debuguear tests. Con la grabación, podremos grabar la navegación que realizamos en Firefox y después reproducirla. Aunque no es tan solo una herramienta de grabación, además permite editar las grabaciones.

Las características que nos ofrece son:

  • Grabación y reproducción de casos de test
  • Selección inteligente de campos mediante sus ids, nombres o XPath
  • Autocompletado para todos los comandos de Selenium
  • Paso a paso
  • Debug y puntos de parada
  • Guardar los test como HTML, scripts de Ruby, …

Disponemos de un gran tutorial de uso aquí

Selenium IDE

Gracias Taufpate por el aviso.

|

Más de 30 extensiones Firefox para desarrolladores web

ByLuis

Una lista de más de 30 extensiones para Firefox que nos pueden ayudar en nuestros desarrollos web. Algunas ya son conocidas, pero alguna otra que desconocía parecen bastante interesantes.

CSS

  • Aardvark: permite ver atributos CSS, ids y clases seleccionando elementos de la página de forma individual.
  • chromEdit: permite modificar los CSS y los javascripts de cualquier página.
  • CSSMate: edición de ficheros CSS.
  • CSS validator: valida los CSS de tu página.
  • CSSViewer: visualiza propiedades CSS.
  • EditCSS: permite modificar los CSS cargados.
  • IE Tab: visualiza la página en Internet Explorer.
  • Style Sheet Chooser II: permite seleccionar CSS alternativos para una página.

Debug y análisis

Otros

  • Clipmarks: guarda partes de la página web.
  • Codetech: editor web con la apariencia de Dreamweaver.
  • ColorZilla: obtiene colores de las páginas visitadas.
  • FirePHP: ayuda a depurar PHP.
  • Greasemonkey: controla cualquier aspecto del comportamiento de las paginas web.
  • Measureit : mide en pixels el tamaño de partes de las páginas web.
  • Platypus: una de las mejores extensiones para modificar una página web.
  • Poster: permite interactuar con web services y otros recursos web.
  • Professor X: comprueba los contenidos de la cabecera de una página web.
  • Screen grab: guarda páginas web cómo imágenes.
  • TestGen4Web: guarda la actividad de los usuarios en páginas web.
  • View Source Chart: visualizador de código fuente.
  • Web Developer: colección de herramientas para desarrolladores web.
  • X-Ray: permite ver el código fuente de una página y alternar entre ambos de forma sencilla.

30+ Firefox Add-ons for Web Developers & Designers

Vía / Digg

FireUnit: extensión para pruebas unitarias de Javascript

ByLuis

FireUnit es un plugin para Firefox que permite realizar pruebas unitarias de Javascript y mostrar los logs en una pestaña de Firebug. El plugin está desarrollado entre otras personas por John Resig, desarrollador de jQuery.

Se pueden realizar pruebas como las siguientes:

// Simular eventos del navegador
var input = document.getElementsByTagName("input")[0];
fireunit.mouseDown( input );
fireunit.click( input );
fireunit.focus( input );
fireunit.key( input, "a" );

FireUnit

Vía / John Resig

Uso de memoria: comparativa Firefox 2 IE7b2

ByLuis

firefox-ie.pngAhora que acaban de salir las betas de dos de los navegadores más populares: Firefox 2.0 e IE7 b2, hay alguien que ha realizado una comparativa muy interesante sobre el uso de memoria en ambos navegadores. Se puede sacar como conclusión que Firefox es superior a IE, usando más o menos la mitad de memoria que IE7 a la hora de visualizar páginas únicas. También es mejor el Firefox cuando se trata del uso de pestañas, aunque en este caso se ha modificado el valor por defecto de browser.sessionhistory.max_total_viewers dentro del about: config, lo cual hace que sea un estudio algo “especial”. Tambien indica que IE libera memoria cuando está minimizado o en background, mientras que Firefox se queda tal cual estaba.

Internet Explorer 7 beta2 and Firefox 2 Alpha 1 Memory Usage Comparison

Vía / Downloadsquad

|

Modifica dónde guardar los marcadores de Firefox

ByLuis

firefox.pngHoy me he encontrado con que apagué mal el ordenador ayer, y cuando he ido a poner el Firefox… [tachaaan]… no tenía los marcadores. ¡Socorro!, todos los feeds que tengo con el Sage perdidos. Aunque he podido recuperarlos, y aún no sé cómo, lo que sí he querido hacer es guardar los marcadores en otro directorio, en el cual se hacen copias de seguridad.

El método es sencillo:

  • Cierra Firefox
  • Copia o mueve el archivo bookmarks.html y el bookmarks.bak que se hayan en el profile en el directorio nuevo
  • Escribe about:config en la barra de dirección de Firefox
  • Haz click con el botón derecho del ratón, pulsa en Nuevo->Cadena
  • Escribe como nombre de la preferencia: browser.bookmarks.file
  • Escribe el path completo del archivo bookmarks.html (incluido el nombre del archivo)

Listo, ya tenemos cambiada la localización de los marcadores.

Customize the Firefox Bookmarks location