¿Cómo obtener el valor de retorno de javascript en la vista web de Android?

Question

Quiero obtener un valor de retorno de Javascript en Android. Puedo hacerlo con iPhone, pero no puedo con Android. Usé loadUrl, pero volvió vacío en lugar de un objeto. Alguien puede ayudarme? Gracias.

Answer 1

Use addJavascriptInterface() para agregar un objeto de Java al entorno de Javascript. Haga que su Javascript invoque un método en ese objeto Java para proporcionar su "valor de retorno".

Answer 2

Aquí es un truco de cómo se puede lograr que:

Añadir este cliente para su WebView:

final class MyWebChromeClient extends WebChromeClient { 
     @Override 
     public boolean onJsAlert(WebView view, String url, String message, JsResult result) { 
      Log.d("LogTag", message); 
      result.confirm(); 
      return true; 
     } 
    } 

Ahora en su llamada Javascript a hacer:

webView.loadUrl("javascript:alert(functionThatReturnsSomething)"); 

Ahora en el onJsAlert llamada "mensaje" contendrá el valor devuelto.

Answer 3

Esto es lo que se me ocurrió hoy. Es seguro para subprocesos, razonablemente eficiente y permite la ejecución síncrona de JavaScript desde Java para Android WebView.

Funciona en Android 2.2 en adelante. (Requiere commons-lang porque necesito que mis fragmentos de código pasen a eval() como una cadena de Javascript. Puede eliminar esta dependencia envolviendo el código no entre comillas, sino en function(){})

Primero, agregue esto a su Javascript archivo:

function evalJsForAndroid(evalJs_index, jsString) { 
    var evalJs_result = ""; 
    try { 
     evalJs_result = ""+eval(jsString); 
    } catch (e) { 
     console.log(e); 
    } 
    androidInterface.processReturnValue(evalJs_index, evalJs_result); 
} 

a continuación, añadir esto a su actividad Android:

private Handler handler = new Handler(); 
private final AtomicInteger evalJsIndex = new AtomicInteger(0); 
private final Map<Integer, String> jsReturnValues = new HashMap<Integer, String>(); 
private final Object jsReturnValueLock = new Object(); 
private WebView webView; 

@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    webView = (WebView) findViewById(R.id.webView); 
    webView.addJavascriptInterface(new MyJavascriptInterface(this), "androidInterface"); 
} 

public String evalJs(final String js) { 
    final int index = evalJsIndex.incrementAndGet(); 
    handler.post(new Runnable() { 
     public void run() { 
      webView.loadUrl("javascript:evalJsForAndroid(" + index + ", " + 
            "\"" + StringEscapeUtils.escapeEcmaScript(js) + "\")"); 
     } 
    }); 
    return waitForJsReturnValue(index, 10000); 
} 

private String waitForJsReturnValue(int index, int waitMs) { 
    long start = System.currentTimeMillis(); 

    while (true) { 
     long elapsed = System.currentTimeMillis() - start; 
     if (elapsed > waitMs) 
      break; 
     synchronized (jsReturnValueLock) { 
      String value = jsReturnValues.remove(index); 
      if (value != null) 
       return value; 

      long toWait = waitMs - (System.currentTimeMillis() - start); 
      if (toWait > 0) 
       try { 
        jsReturnValueLock.wait(toWait); 
       } catch (InterruptedException e) { 
        break; 
       } 
      else 
       break; 
     } 
    } 
    Log.e("MyActivity", "Giving up; waited " + (waitMs/1000) + "sec for return value " + index); 
    return ""; 
} 

private void processJsReturnValue(int index, String value) { 
    synchronized (jsReturnValueLock) { 
     jsReturnValues.put(index, value); 
     jsReturnValueLock.notifyAll(); 
    } 
} 

private static class MyJavascriptInterface { 
    private MyActivity activity; 

    public MyJavascriptInterface(MyActivity activity) { 
     this.activity = activity; 
    } 

    // this annotation is required in Jelly Bean and later: 
    @JavascriptInterface 
    public void processReturnValue(int index, String value) { 
     activity.processJsReturnValue(index, value); 
    } 
} 

Answer 4

Igual que Keith pero la respuesta más corta

webView.addJavascriptInterface(this, "android"); 
webView.loadUrl("javascript:android.onData(functionThatReturnsSomething)"); 

y poner en práctica la función

@JavascriptInterface 
public void onData(String value) { 
    //.. do something with the data 
} 

No se olvide de quitar el onData de proguard lista (Proguard si ha habilitado)

Answer 5

La solución que @Felix Khazin sugirió obras, pero hay una punto clave que falta.

La llamada javascript debe realizarse después de que se cargue la página web en el WebView. Agregue WebViewClient al WebView, junto con el WebChromeClient.

Ejemplo completo:

Answer 6

El API 19+, la mejor manera de hacer esto es llamar evaluateJavascript en su WebView:

webView.evaluateJavascript("foo.bar()", new ValueCallback<String>() { 
    @Override public void onReceiveValue(String value) { 
     // value is the result returned by the Javascript as JSON 
    } 
}); 

respuesta Relacionado con más detalle: https://stackoverflow.com/a/20377857