android - online - phonegap plugins

La depuración remota de Android para la aplicación Phonegap no funciona

Question

Hola, estoy tratando de depurar mi aplicación phonegap en mi dispositivo a través de Chrome. He seguido todos los steps y mi teléfono es reconocido por el comando adb devices,

Luego voy a chrome: // inspect / / devices y puedo ver mi teléfono pero este mensaje aparece en el navegador:

Desconectado

0019C9AD7EF31F

Autenticación pendiente: acepte la sesión de depuración en el dispositivo.

La cosa es que no hay tal mensaje en mi teléfono, tengo un Sansumg Galaxy S2 con kitkat. Actualicé la versión de 4.1 a 4.4 porque pensé que ese era el problema, pero después de actualizar a 4.4 el mismo problema.

¿Alguien ha enfrentado este problema antes?

Answer 1

Como ya se ha dicho en algunos comentarios, esto está funcionando fuera de la caja desde Cordova 3.3+ y Android 4.4+. No es necesario configurar nada en el archivo AndroidManifest.xml.

Si utiliza cordova build o cordova run el modo de compilación predeterminado será "debug". Puedes ver esto también en el nombre del archivo apk generado que se verá así:

{app_name} -debug-unaligned.apk

En este caso, solo necesita Chrome en la Versión 32+ y seleccione el Chrome menu > Tools > Inspect Devices (por supuesto, después de implementar la aplicación en su dispositivo y activar la depuración de USB).

Para información adicional, vea también aquí: https://developer.chrome.com/devtools/docs/remote-debugging

Con respecto al problema de autenticación ... Cuando ejecute por primera vez cordova android run su aplicación se implementará en su teléfono y deberá confirmar el cuadro de diálogo de autenticación y hacer una marca para recordar su elección. Después de esto, debería ser bueno inspeccionar la aplicación implementada en el inspector de cromo.

Answer 2

El problema es que la depuración remota solía funcionar solo para el navegador Chrome en Android, pero no en las vistas web dentro de aplicaciones como las que usa phonegap. Pero con Android 4.4 (Kitkat) y Phonegap 3.3, esto ahora es compatible.

Escribí una publicación de blog al respecto aquí:

http://adamwadeharris.com/remote-debugging-in-phonegap-with-chrome-devtools/

Básicamente, debe habilitar la depuración de vistas web en el archivo principal de Java de la aplicación y asegurarse de que su aplicación esté dirigida a la API versión 19 (Kitkat). Si no tiene un dispositivo con Kitkat, podría usar un emulador.

Así es como habilitas la depuración de webview:

En las plataformas / android / src / com / yourAppName / YourAppName.java agregue las siguientes líneas debajo de las otras declaraciones de importación

import android.os.Build;
import android.webkit.WebView;

Y agregue lo siguiente dentro del método onCreate:

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
  WebView.setWebContentsDebuggingEnabled(true);
}

Answer 3

Esto es bueno para mí:

adb logcat CordovaActivity:V CordovaLog:V Cm
CordovaWebView:V IceCreamCordovaWebViewClient:V *:S

Answer 4

Parece ser un error en el teléfono. Lo arreglé haciendo:

1. Seleccione las opciones de desarrollador
2. Revocar USB depuración autorizada
3. apagar y encender el interruptor de depuración USB
4. conéctate a tu PC
5. ahora, simplemente acepte los dos cuadros de diálogo de autoridad, y funcionará bien en AndroidStudio y Chrome.

Answer 5

Si está utilizando Phonegap Build, agregue lo siguiente a su config.xml para poder inspeccionar la vista web en la consola de desarrollo de Chrome.

Primero, asegúrese de que su etiqueta de widget contenga xmlns: android = "http://schemas.android.com/apk/res/android"

<widget 
    xmlns="http://www.w3.org/ns/widgets" 
    xmlns:gap="http://phonegap.com/ns/1.0" 
    xmlns:android="http://schemas.android.com/apk/res/android"
    id="me.app.id" 
    version="1.0.0">

Luego agrega lo siguiente

<gap:config-file platform="android" parent="/manifest">
     <application android:debuggable="true" />
</gap:config-file>

Funciona para mí en Nexus 5, Phonegap 3.7.0.

<preference name="phonegap-version" value="3.7.0" />

Fuente: https://www.genuitec.com/products/gapdebug/learning-center/configuration/

Answer 6

Si ve "La autorización pendiente" sigue parpadeando, intente eliminar todas las actualizaciones de Chrome del dispositivo y bajar a Chrome v.33. Parece que algo se rompió en una de las últimas compilaciones de Chrome (tiene el problema con Chrome v.44). Aquí está el enlace al problema relacionado: https://code.google.com/p/chromium/issues/detail?id=512150

Answer 7

Aquí hay otra solución que podría funcionar para algunas personas.

Hace mucho tiempo configuré la firma del certificado con Phonegap Build y, debido a eso, generaba automáticamente versiones "liberadas" de mi aplicación. Hace tanto tiempo que me había olvidado de este pequeño detalle.

Para obtener una versión de depuración de la aplicación, debe elegir específicamente No se seleccionó ninguna tecla en el menú desplegable para Android en la página de construcción de Phonegap. Luego, cuando descargues el apk que genera, tendrá appname-debug.apk en lugar de appname-release.apk.