Barre d'outils de développement iPad Safari
Existe-t-il une sorte de barre d'outils développeur qui peut être utilisée dans l'iPad/Safari?
Je connais la même chose sur le bureau Safari ainsi que je sais qu'il existe une option de débogage dans iPad/Safari, mais existe-t-il un moyen rapide de modifier CSS/JS dans l'iPad/Safari?
Il n'y a pas de barre d'outils développeur pour Safari iPad, mais vous pouvez certainement utiliser quelque chose comme firebug lite pour faire la plupart de ce que vous voulez! Ajoutez simplement le bookmarklet à vos signets, puis chargez-le pendant que vous regardez votre page.
Votre autre option est Weinre , un débogueur distant et une partie du projet PhoneGap. Essentiellement, il vous permet d'exécuter une interface similaire à l'inspecteur de document Chrome sur votre ordinateur de bureau, qui manipule le document sur votre iPad ou iPhone. Le commentateur ci-dessous a attiré mon attention sur cet outil génial un an il y a, mais depuis lors, l'URL du projet a changé, alors je l'ajoute ici.
FirebugLite a quelques problèmes avec la vitesse de rendu et le traitement de JavaScript, et il n'adapte pas non plus très bien ses polices. Pour ces raisons, Weinre est certainement un outil plus puissant - mais aussi plus difficile à utiliser.
Sur l'iPad, accédez à * Paramètres> Safari> Avancé * et activez l'inspecteur Web.
Connectez votre iPad à votre ordinateur.
Sur votre ordinateur, ouvrez Safari, activez les outils de développement dans les paramètres. vérifiez le menu ci-dessus pour l'onglet Developer et trouvez votre iPad là-bas.
Contrôle total via la console de votre ordinateur de bureau sur iOS Safari et vous avez terminé!
PS: Cela fonctionne exactement de la même manière avec le iPhone ainsi ..
Vous pouvez utiliser cette petite astuce pour activer Firebug Lite ou tout autre outil de débogage intégré dans un bookmarklet, fonctionne très bien en fait!
http://www.blog.cordslatton.com/2010/11/debugging-ios-mobile-safari-ipad-iphone/