javascript - development - Barra de herramientas de desarrollo iPad Safari

safari development preview

Question

¿Hay algún tipo de barra de herramientas para desarrolladores que pueda usarse dentro del iPad / Safari?

Soy consciente de lo mismo en Safari de escritorio y también sé que hay una opción de depurador en iPad / Safari, pero ¿hay alguna manera rápida de editar CSS / JS dentro del iPad / Safari?

Answer 1

Hay un conjunto de herramientas de desarrollador en Safari. Ve a Ajustes> Avanzado y mira bien :)

Answer 2

Puedes usar este pequeño truco para habilitar Firebug Lite o cualquier otra herramienta de depuración incorporada en un bookmarklet. ¡Funciona bastante bien en realidad!

http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/

Answer 3

Safari iPad no tiene una herramienta de desarrollo, pero tiene una barra de herramientas de depuración. Sus características incluyen:

1. Visualización de mensajes enviados a la consola
2. Visualización de errores de JavaScript
3. Visualización de errores de CSS

Entonces no es genial para el desarrollo, pero es mucho mejor que nada. A continuación, le mostramos cómo habilitarlo:

1. Configuración abierta
2. Safari
3. Avanzado
4. Habilitar la consola de depuración

Debería ver un banner en la parte superior de las páginas web con mensajes de la consola de depuración.

Answer 4

No hay una barra de herramientas de desarrollador para Safari iPad, pero definitivamente podrías usar algo como Firebug Lite para hacer la mayor parte de lo que quieras. Simplemente agregue el marcador a sus marcadores y luego cárguelo mientras mira su página.

Su otra opción es Weinre , un depurador remoto y parte del proyecto PhoneGap. Esencialmente, le permite ejecutar una interfaz similar al inspector de documentos de Chrome en su máquina de escritorio, que manipula el documento en su iPad o iPhone. El comentarista a continuación me llamó la atención sobre esta impresionante herramienta hace un año, pero desde entonces la URL del proyecto ha cambiado, así que la añado aquí.

FirebugLite tiene algunos problemas con la velocidad de renderizado y el manejo de JavaScript, y además no escala sus fuentes muy bien. Por estas razones, Weinre es definitivamente una herramienta más poderosa, pero también más difícil de usar.

Answer 5

En el ipad, vaya a Configuración> Safari> Desarrollador y active la consola de depuración.

Conecta tu ipad con tu computadora.

En su computadora abra Safari , habilite las herramientas de desarrollador en la configuración. verifique el menú anterior para la pestaña Desarrollador y encuentre allí su iPad .

Control total a través de la consola desde su máquina de escritorio sobre iOS Safari ¡ y listo!

PD: Esto funciona exactamente de la misma manera con el iPhone también ..