Zeni
  • Inicio
  • Blog
  • Trabajos
  • Sobre mí
  • Contacto
Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
 

Depurador de webs móviles a través del navegador

Escrito por Alfredo
::
[Miércoles, 23 Enero 2013 09:37]
Última actualización por Alfredo
::
[Martes, 23 Abril 2013 12:31]
Average rating
  • 1
  • 2
  • 3
  • 4
  • 5
16 Depurador de webs móviles a través del navegador /blog/item/16-depurador-de-webs-moviles-a-traves-del-navegador
Click to subscribe

Después del parón navideño volvemos a la marcha con una aplicación bastante útil, un debugger de páginas web remoto.

Os preguntaréis que es eso ¿verdad? pues bien os lo explicaré. Resumiendo, se trata de una aplicación en la cual obtenemos un ID aleatorio que introduciremos en nuestra web mediante un script y desde el propio navegador, tendrás una consola como la que aparece en chrome cuando ejecutas las herramientas del desarrollador.

Para empezar nos iremos a la siguiente dirección:

http://debugmobi.com/

En ella os encontraréis con los pasos necesarios para poder realizar la depuración que se resumen de la siguiente manera:

  • Introducir el código aleatorio que ya generaste o copiar el código que obtienes. Si ya utilizaste esta herramienta anteriormente deberás pegar el ID que te generó previamente.
  • Donde XXXXXXX es el ID obtenido en el apartado anterior  y con este script lo pegareis en vuestra página web. 
    (Quitad el espacio que hay en HTTP:)
  • Y ya está!!! Cuando lo hayáis insertado en vuestra web, simplemente deberéis volver al sitio para continuar con el último paso que es el darle a "INICIAR" para que se ponga a trabajar.

Cuando ya esté en funcionamiento podréis insertar la URL en el móvil y poder inspeccionar el DOM desde el navegador.

ADVERTENCIA: Solo es compatible con navegadores que posean Webkit (Chrome, Safari, etc).

Categories
Blog
  • CSS
  • HTML
  • jQuery
  • PHP
  • Sublime Text 2
    • Archivo

    • ► 2013 (1)
      • ► Junio (1)
        • • Parsear un XML mediante AJAX y jQuery
    • ► 2012 (5)
      • ► Octubre (3)
        • • Ahorra código utilizando snippets
        • • Atajos de teclado para Sublime Text 2
        • • El uso de las media queries
      • ► Septiembre (2)
        • • Almacenamiento con HTML5, Web Storage
        • • Efectos 3D para tus sliders
    Powered by mod LCA
    • @Twitter

    • Para la reflexión

      La mejor razón para crear una empresa es para tener un impacto: crear un producto o servicio que haga del mundo un lugar mejor.

      - Guy Kawasaki -

    Created by luiszuno.com
    Adaptación a Joomla ByteLovers

    • Facebook
    • twitter
    • linkedin
    • Google plus