Depuración de la aplicación web en el simulador de iPad

Question

Estoy desarrollando una aplicación web para iPad y probándola en Safari en Mac y Safari en iPad Simulator. Ahora hay algunos problemas con CSS en iPad Simulator que funcionan bastante bien en Safari en Mac. Ahora mi pregunta es, ¿Existe una poderosa herramienta de depuración para Safari en iPad Simulator?

Answer 1

Nota: A partir de iOS6 esta no es la forma correcta de hacer la depuración remota, dejando esta respuesta por razones históricas, sino que debe buscar en la inspección remota con Safari, aquí es un buen artículo: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

Tienes un vistazo a esto, (un script bash que escribí) https://gist.github.com/2241976. Le permitirá abrir el simulador de iPad y ejecutar el inspector remoto de Webkit, que se verá así.

Answer 2

iWebInspector es una herramienta bastante potente para Safari del simulador de iOS. Utiliza el mismo inspector que Chrome y funciona muy bien (lo he usado yo mismo y lo encontré realmente útil).

Desde su página web

iWebInspector es una herramienta gratuita para depurar, perfilar e inspeccione web aplicaciones que se ejecutan en simulador de iOS (iPhone o iPad). Puede consultar los recursos de , ver y cambiar HTML & CSS, usar puntos de interrupción en JavaScript código, crear gráficos y más como si estuviera en Safari para Escritorio, Chrome o Firebug.

Funciona para cualquier web en Safari -el navegador de Web site, para una aplicación web (pantalla completa) de cromo-menos y también para aplicaciones que utilizan UIWebView -incluyendo PhoneGap aplicaciones-.

Answer 3

Al ejecutar safari en un simulador de dispositivo XCode, el menú Safari (v6) Desarrollo de escritorio muestra esos dispositivos. A partir de ahí, puede iniciar las herramientas de desarrollador (navegador DOM, etc.) para el navegador móvil. Esto me ayudó a depurar un problema de css de safari móvil sin hardware.