web-dev-qa-db-fra.com

Comment déboguer javascript dans la vue Web dans android

J'ai une vue Web qui fonctionne bien sur iOS, mais pas sur Android. Existe-t-il un outil où je peux me connecter à Android webview dans le navigateur et le déboguer à l'aide de firefox ou de la console webkit? Actuellement, je n'ai aucune idée de ce qui fait que la webview ne fonctionne pas dans Android.

Dans iOS, je peux ouvrir mon simulateur iPad ou iPhone, ouvrir le volet de visualisation Web et dans mon navigateur de bureau, j'écoute le port 9999 et il me montre les outils que vous voyez dans l'outil de développement webkit/les outils de débogage.

Je recherche un outil similaire pour Android, ou du moins pour me lancer dans le débogage.

androidiosdebuggingwebview
30
user1118019

Découvrez weinre . Il fournit Chrome outils de type développeur pour le débogage des navigateurs WebKit vers les navigateurs fonctionnant sur des appareils distants.

15
Paul Beusterien

La façon la plus simple de déboguer WebView consiste à connecter votre Android au PC par USB et à inspecter votre WebView par Chrome dev tools).

Vous aurez donc besoin de:

1) Activez le débogage USB sur notre appareil. Tu peux le trouver Settings >> Developer Options >> Debugging >> USB Debugging (cochez la case)

2) Connectez votre appareil à l'ordinateur par USB

Remarque: Si vous développez sous Windows, installez le pilote USB approprié pour votre appareil. Voir Pilotes USB OEM sur le Android site des développeurs.

3) Ouvrez Chrome et saisissez le champ URL: chrome://inspect/#devices

4) Confirmez que "Découvrir les périphériques USB" est activé

5) Sur votre appareil, une alerte vous invite à autoriser le débogage USB depuis votre ordinateur. Appuyez sur OK.

6) Sur la page chrome: // inspect affiche tous les appareils connectés. Cliquez sur inspect pour le périphérique connecté et vous obtiendrez la console.

Un manuel plus détaillé est Débogage Android WebView

11
Vladyslav Babenko

Si vous n'utilisez pas Android 4.4 , selon http://developer.Android.com /guide/webapps/debugging.html vous allez apprécier la méthode de débogage à l'ancienne ...

Si vous ne disposez pas d'un appareil exécutant Android 4.4 ou supérieur, vous pouvez déboguer votre JavaScript à l'aide des API JavaScript de la console et afficher les messages de sortie dans logcat.

Pour Android 4.4 et mieux , vous apprécierez le débogage à distance, voir https: // développeurs .google.com/chrome-developer-tools/docs/remote-debugging # debugging-webviews

À partir de Android 4.4 (KitKat), vous pouvez utiliser les DevTools pour déboguer le contenu de Android WebViews dans les applications natives Android Android .

9
Someone Somewhere

Ce sont les étapes que j'utilise pour déboguer un contenu WebView dans un appareil:

  1. Mode développeur activé sur votre appareil
  2. Branchez l'appareil sur le PC et activez le débogage USB (installez le pilote si nécessaire)

  3. Ajoutez cette ligne dans votre classe Application personnalisée ou dans la Activity où la vue Web est chargée

    //if your build is in debug mode, enable webviews inspection
WebView.setWebContentsDebuggingEnabled(BuildConfig.DEBUG);

  4. Ouvrez Chrome et accédez à chrome://inspect et vous devriez voir votre appareil dans la liste des cibles distantes

  5. Démarrez le débogage de votre application à partir de Android Studio
  6. Lorsqu'un WebView sera ajouté à la mise en page, dans l'onglet que vous avez ouvert apparaîtra une capture d'écran avec un bouton Inspecter, cliquez dessus et une console de développeur Chrome Chrome s'ouvrira
7
MatPag

Si vous recherchez une solution pour déboguer votre code javascript qui s'exécute dans une vue Web, jetez un œil à jsHybugger - un débogueur JavaScript/HTML5/CSS pour Android vues Web.

http://www.jsHybugger.org

1
cyberflohr