Iniciar navegadores móviles con webkit remote debugging ON

Echa un vistazo a este script de bash para iniciar el inspector remoto con el simulador de iOS: https://gist.github.com/2241976

Ahora es compatible con Chrome para Android.

Actualmente ningún navegador móvil está implementando el protocolo de depuración remota de webkit. (Tal vez usted puede obtener compilaciones personalizadas para Android que lo soportan)

Sin embargo hay weinre, que le está dando una versión remota del web-inspector. Pero tienes que incluir algún código en tu página para poder soportarlo. (Porque no es una característica del navegador).

Sitio web de Weinre

Weinre github repo

El hecho de que una característica esté implementada en un puerto de WebKit (en este caso, Apple y Chromium), no significa que esté siempre disponible en otro lugar. Escribí esto en detalles en mi entrada de blog sobre diferentes implementaciones de puertos WebKit .

Hasta ahora, el único puerto WebKit móvil que tiene la función de depuración remota es RIM Playbook browser.

Para iOS, es muy difícil de saber porque Apple no da ninguna información sobre su futuro producto nunca. Al menos sabemos que iOS 5 no lo tendrá ya que las versiones beta no muestran nada relacionado.

Para Android, definitivamente llegará en una versión futura, ya que la gente de Android está adoptando Chromium como la nueva base para su WebKit.

Nathan de Vries descubrió cómo hacer esto en iOS5 ejecutándose en el simulador. Gira en torno a llamar al método private _enableRemoteInspector.

Léelo. A continuación se resume:

Para habilitar esto para Safari móvil, adjunte a él con gdb y llame al método:

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

Luego acceda al inspector en http://localhost:9999/.

Con un UIWebView incrustado, habilítalo así:

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

En un dispositivo real no funciona, probablemente porque el puerto está cortafuegos - si tener un dispositivo con jailbreak usted puede conseguir alrededor de eso (actualización nosotros si).

Thomas señala un excelente recurso para la depuración remota, sin embargo, afirma que necesita agregar el código a la página web. Esto no es estrictamente cierto, ya que weinre también permite la interacción a través de bookmarklets. Parte de la página aquí (en la sección convenientemente llamada "Usando un bookmarklet"), dice que debería funcionar para Android 2.2+ e iOS.

Algunas cosas relevantes a tener en cuenta:

1. No le permitirá depurar errores de inicio (la página ya tiene que ser cargada abrir el bookmarklet).
2. No parece volver a conectarse si pierde la conexión (tiene que actualizar la página para obtener la conexión de nuevo).
3. Si su js ya está roto, ya estará roto también.

También es posible (lo he hecho yo mismo) 'depurar' el código desde el navegador Android utilizando una vista web. Puede hacer que webview capture todas las llamadas al método (es decir. consola.registro). Usando eso puede capturar y guardar, o reenviar los mensajes a logcat.

Relacionados al método que ya ha probado: cuando habilitó la consola de depuración en iOS, ¿dónde estaba buscando la interacción/salida de registro? Más en particular, ¿se registró en la consola de depuración en XCODE / iPhone simulator?

La utilidad de Adobe Shadow (que acaba de publicarse) le permite depurar de forma remota utilizando weinre sin necesidad de inyectar ningún código en sus páginas web. Funciona con Chrome en Windows y Mac como el navegador "maestro" y sincronizará la navegación de cada página con cualquier número de dispositivos que ejecuten el cliente iOS o Android.

Tenga en cuenta que weinre en sí es algo limitado. Por ejemplo, no tendrá acceso a la pestaña Red.