Home >> Móvil >> Consejos y trucos >> IOS

Ejecuta Firebug Lite en Safari para iPhone y iPad mediante un bookmarklet

Firebug es una herramienta de desarrollo web muy popular para inspeccionar y modificar HTML, CSS y JavaScript en tiempo real. Aunque nació como extensión de Firefox, existe Firebug Lite, una versión en JavaScript que puedes ejecutar directamente en Safari en iOS usando un bookmarklet (marcador que ejecuta código).

Cómo instalar el bookmarklet

  1. En Safari en iOS, guarda cualquier página como marcador y cámbiale el nombre a Firebug.
  2. Copia el siguiente código JavaScript (es una sola línea larga):
javascript:(function(){var%20script=document.createElement('script');script.src='https://getfirebug.com/firebug-lite.js';document.getElementsByTagName('head')[0].appendChild(script);})();
  1. Edita el marcador «Firebug», borra la URL y pega el código copiado.
  2. Pulsa OK y luego toca el marcador para activar Firebug Lite en la página actual.

Si tienes problemas con el código, visita el Tumblr de Martin Kool para obtener una versión actualizada.

Consideraciones

  • Funciona en iPhone, iPad y iPod touch con Safari.
  • En iPad la experiencia es mejor por el mayor espacio en pantalla.
  • No sustituye a un entorno de desarrollo completo, pero sirve para inspecciones rápidas, ajustes de CSS o depuración ligera sobre la marcha.