Démarrer les navigateurs mobiles avec WebKit débogage à distance sur

Jetez un oeil à ce script bash pour démarrer l'inspecteur distant avec iOS simulator: https://gist.github.com/2241976

Il est maintenant pris en charge dans Chrome pour Android.

Actuellement, aucun navigateur mobile n'implémente le protocole de débogage à distance webkit. (Peut-être que vous pouvez obtenir des builds personnalisés pour android qui le supportent)

Cependant, il y a weinre, qui vous donne une version distante de l'inspecteur web. Mais vous devez inclure du code dans votre page pour les soutenir. (Parce que ce n'est pas une fonctionnalité de navigateur).

Site Web Weinre

Weinre dépôt github

Juste parce qu'une fonctionnalité est implémentée dans un port de WebKit (dans ce cas, Apple et Chromium), ne signifie pas qu'elle est toujours disponible ailleurs. J'ai écrit ceci en détail dans mon blog sur différentes implémentations de ports WebKit .

Jusqu'à présent, le seul port WebKit mobile qui a la fonction de débogage à distance est rim PlayBook browser.

Pour iOS, il est très difficile de savoir car Apple ne donne aucune information sur son futur produit jamais. Au moins, nous savons que iOS 5 ne l'aura pas puisque les versions bêta ne montrent rien de lié.

Pour Android, certainement il arrive dans une prochaine version, puisque les gens Android sont adoptant Chrome comme nouvelle base pour son WebKit.

Nathan De Vries a compris comment faire cela sur iOS5 en cours d'exécution dans le simulateur. Il tourne autour de l'appel de la méthode privée _enableRemoteInspector.

Lisez-le. Résumé suit:

Pour l'activer Pour Mobile Safari, attachez-le avec gdb et appelez la méthode:

MobileSafari_PID=$(ps x | grep "MobileSafari" | grep -v grep | awk '{ print $1 }')

if [ "$MobileSafari_PID" == "" ]; then
  echo "Mobile Safari.app must be running in the Simulator to enable the remote inspector."
else

  cat <<EOM | gdb -quiet > /dev/null
  attach $MobileSafari_PID
  p (void *)[WebView _enableRemoteInspector]
  detach
EOM

Fi

Puis accédez à l'inspecteur à http://localhost:9999/.

Avec un UIWebView intégré, activez-le comme ceci:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  // ...Snipped...
  [NSClassFromString(@"WebView") _enableRemoteInspector];
  // ...Snipped...
}

Sur un appareil réel, cela ne fonctionne pas, probablement parce que le port est pare-feu-si vous avoir un appareil jailbreaké vous pouvez contourner cela (mettez-nous à jour si vous le faites).

Thomas souligne une excellente ressource pour le débogage à distance, mais il déclare que vous devez ajouter le code à la page Web. Ce n'est pas strictement vrai, car weinre permet également l'interaction à travers les bookmarklets. Une partie de la page ici (sous la section commodément appelée "utilisation d'un bookmarklet"), il dit que cela devrait fonctionner pour Android 2.2+ et iOS.

Quelques choses pertinentes à noter:

1. Il ne vous permettra pas de déboguer les erreurs de démarrage (la page doit déjà être chargée pour ouvrir le bookmarklet).
2. Il ne semble pas se reconnecter si vous perdez la connexion (vous devez actualiser la page pour récupérer la connexion).
3. Si votre js est déjà cassé, il le sera déjà aussi.

Il est également possible (je l'ai fait moi-même) de "déboguer" le code du navigateur android en utilisant un webview. Vous pouvez avoir le WebView attraper tous les appels de méthode (ie. console.journal). En utilisant cela, vous pouvez attraper et enregistrer, ou transférer les messages à logcat.

Connexes à la méthode que vous avez déjà essayé-lorsque vous avez activé la console de débogage sur iOS, où cherchiez-vous une sortie d'interaction/journalisation? Plus particulièrement, avez-vous vérifié dans la console de débogage dans Xcode/iPhone simulator?

L'utilitaire Shadow D'Adobe (qui vient d'être publié) vous permet de déboguer à distance en utilisant weinre sans avoir besoin d'injecter de code dans vos pages web. Il fonctionne avec Chrome sur Windows et Mac en tant que navigateur "maître" et synchronisera chaque navigation de page sur n'importe quel nombre d'appareils exécutant le client iOS ou Android.

Notez que weinre lui-même est quelque peu limité. Par exemple, vous n'aurez pas accès à l'onglet Réseau.