debug - iOS6: borrado el registro de la consola para IPad: ¿cómo usar el inspector web en Windows?

jsconsole

Question

Entonces iOS6 está fuera, horrah. Ahora, parece que Apple ha eliminado la ''Consola de desarrollador'' que solía existir en Safari. Genial, escucho a mucha gente decir que fue limitado.

Pero, funciona en el dispositivo, ¿ahora parece que tienes que conectar el dispositivo a una Mac para obtener un inspector web?

¿Es esta la única forma de depurar con consola? ¿Hay alguna manera de depurar con windows, safari? Tenga en cuenta que no me refiero solo a cambiar el agente de usuario, que puede hacer en Safari Windows, que no registra eventos táctiles, simplemente haga clic.

Answer 1

Como sugirieron neno, Telerik AppBuilder es una gran aplicación. De hecho, estoy ejecutando Windows XP en una máquina virtual en Linux solo para depurar mi iPhone. Windows XP porque en mi caso Windows 7 reconoce el iPhone, pero iTunes y Telerik AppBuilder no.

Answer 2

Eche un vistazo para weinre. Le permite inspeccionar una página que se ejecuta en Safari desde otra computadora usando un inspector web similar a Chrome

Answer 3

En lugar de Safari en Windows, podría usar una aplicación de Telerik llamada AppBuilder. Encontré las instrucciones en este blog . Sin embargo, necesitará obtener una cuenta para usar la Plataforma Telerik.

Esto le dará herramientas de desarrollo como las de Safari. Lo he usado en Win7 de 64 bits con aplicaciones web normales y aplicaciones de Phonegap que se ejecutan en un iPad con iOS 7.1.

Answer 4

Parece que la consola incorporada se ha ido. Intenté conectarme a un Windows 7 y abrí Safari y no pude encontrar la consola de desarrollador. Luego leí este artículo que lo confirmó.

Si necesita poder probar su sitio en ambas orientaciones, Waterbug no es una buena opción, ya que utiliza la orientación horizontal para su vista de consola.

Una opción decente es usar Adobe Edge Inspect . Usted abre su sitio en Chrome y abre la aplicación en su dispositivo y su dispositivo reflejará cualquier página que tenga abierta en su escritorio. Luego puede usar las herramientas de desarrollo de Chrome para depurar su contenido.

Answer 5

Si no tiene Mac OSX, puede usar este script como reemplazo de consola:

https://github.com/robotnic/waterbug

Muestra un mensaje de error, es posible registrar todo tipo de variables, debe girar su iPhone o iPad 90 ° hacia la derecha para abrir la consola.

Answer 6

Una consola de depuración pobre del hombre:

    try {
        var test = document.do.something();
    }
    catch (exc) {
        alert(exc);
    }

Answer 7

Uno puede depurar en el dispositivo usando bookmarklets (especialmente dentro de Mobile Safari).

La depuración en el dispositivo puede ser muy importante si un error solo aparece en vivo en el dispositivo pero en ningún otro lugar. Hay una variedad de marcadores para el desarrollador, así que elija la herramienta de su elección (por ejemplo, Firebug Lite), agréguela a sus marcadores y úsela donde la necesite. Puede que no sea Developer Console, pero es un método para depurar mucho más preciso y orientado al trabajo.

Escribí un blog sobre cómo usar bookmarklets en mi weblog (también hay una lista de otras herramientas de prueba comunes y más bookmarklets):

• http://hofmannsven.com/2013/laboratory/ios-bookmarklets/

ACTUALIZACIÓN: Chrome lanzó su Mobile DevTools que hará que la depuración (dentro de Google Chome Mobile, solo dispositivos Android ) sea mucho más fácil. Esto no solucionará el problema de DevTools faltante en Safari, pero podría ayudar a localizar errores en un dispositivo:

• https://developer.chrome.com/devtools/docs/remote-debugging
• http://www.html5rocks.com/en/tutorials/developertools/mobile/

ACTUALIZACIÓN2: Mozilla lanzó un complemento de Firefox para habilitar el desarrollo web en navegadores y dispositivos: http://youtu.be/kEFbQwB81RE?t=1m58s