Démarrer les navigateurs mobiles avec le débogage à distance du webkit activé

Question

Au Google I/O 2011: Chrome Dev Tools Reloaded, Paul Irlandais et Pavel Feldman a introduit de nouvelles de débogage à distance caractéristique - qui a été en passant inclus dans webkit.

--

C'est une excellente nouvelle, notamment pour les mobiles, web-développeurs. Mais comment l'activer, par exemple le lancement d'IOS simulator, ou juste en cours d'exécution Safari Mobile sur un iPhone? (pour chrome c'est traditionnellement fait avec --remote-debugging-port=9222 option lors du lancement).

J'ai essayé en activant le mode développeur dans safari paramètres (Settings > Safari > Developer > Debug Console: ON) mais sans succès...

Je ne sais pas à propos de android ici, mais personne ne sait quand Apple (Safari Mobile) ou de Google (android du navigateur) va inclure cette nouvelle fonctionnalité afin que nous puissions profiter à distance de débogage dans le développement mobile?

Je vous remercie.

Ref: http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/#comment-63113

Answer 1

Safari sur iOS 6 Dans iOS6, vous pouvez maintenant débogage à distance à partir de Safari 6 (seul OS X). Sur le périphérique, ouvrez Réglages > Safari > Avancé > Activer l'Inspecteur Web. Ouvrez les Préférences de Safari, Avancé, cochez la case "Afficher le menu développement dans la barre de menu". Connectez votre iPhone/iPad avec un câble USB. Maintenant, en vertu de la Développer barre de menu, vous devriez obtenir un sous-menu de votre appareil avec les onglets ouverts dans Safari sur votre appareil.

Safari sur iOS 7 En plus des exigences ci-dessus, vous aurez besoin de Safari 6.1, qui à l'heure actuelle (Oct. 8 2013) est disponible uniquement en tant que graines pour les développeurs: https://developer.apple.com/downloads/index.action?name=Safari%206.1

Google Chrome sur Android 4 C'est un peu plus compliqué sur Android. Instructions pour le débogage à distance sur Chrome pour Android ici: https://developers.google.com/chrome/mobile/docs/debugging Je n'ai pas trouvé un moyen pour activer le débogage distant dans l'Android navigateur par défaut (v4.04).

Answer 2

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

Answer 3

Il est désormais pris en charge dans Chrome pour Android .

Answer 4

Actuellement aucun navigateur mobile est la mise en œuvre de la webkit débogage distant protocole. (Peut-être que vous pouvez obtenir personnalisé pour android qui le prennent en charge)

Cependant, il est weinre, qui est de vous donner une version à distance de la web-inspecteur. Mais vous devez inclure du code dans votre page pour les soutenir. (Parce que ce n'est pas une fonctionnalité du navigateur).

Weinre site web

Weinre dépôt github

Answer 5

Thomas l'a fait remarquer une excellente ressource pour le débogage à distance, cependant, il indique que vous devez ajouter le code de la page web. Ce n'est pas strictement vrai, comme weinre permet aussi l'interaction par le biais de favoris. Mi-chemin en bas de la page ici (en vertu de la section convenu d'appeler "à l'Aide d'un bookmarklet"), il dit qu'il doit travailler pour Android 2.2+ et iOS.

Quelques choses à noter:

1. Il ne vous permettra pas de déboguer les erreurs de début de la page a déjà chargé pour ouvrir le bookmarklet).
2. Il ne semble pas se reconnecter si vous perdez la connexion (vous devez actualiser la page pour obtenir de nouveau la connexion).
3. Si votre js est déjà cassé, il sera déjà cassé ainsi.

Il est également possible (je l'ai fait moi-même) pour 'debug' code à partir du navigateur android à l'aide d'une webview. Vous pouvez avoir la webview attraper tous les appels de méthode (ie. console.le journal). L'aide que vous pouvez les attraper et de les enregistrer ou transférer les messages à logcat.

Liées à la méthode que vous avez déjà essayé - lorsque vous avez activé la console de Débogage sur iOS, où avez-vous été à la recherche pour l'interaction/sortie d'enregistrement? Plus particulièrement, avez-vous vérifier dans la console de débogage dans xCode/simulateur d'iPhone?