Come ottenere il valore di ritorno da javascript in webview di Android?

Question

Voglio ottenere un valore restituito da Javascript in Android. Posso farlo con l'iPhone, ma non posso farlo con Android. Ho usato loadUrl, ma è ritornato vuoto invece di un oggetto. Qualcuno può aiutarmi? Grazie.

Answer 1

Utilizzare addJavascriptInterface() per aggiungere un oggetto Java all'ambiente Javascript. Chiedi al tuo javascript di chiamare un metodo su quell'oggetto Java per fornire il suo "valore di ritorno".

Answer 2

Ecco un hack su come è possibile realizzarlo:

Aggiungi questo Cliente al vostro 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; 
     } 
    } 

Ora nella chiamata javascript fare:

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

Ora, nel onJsAlert chiama "messaggio" conterrà il valore restituito.

Answer 3

Ecco cosa mi è venuto in mente oggi. È thread-safe, ragionevolmente efficiente e consente l'esecuzione javascript javascript di da Java per una WebView Android.

Funziona su Android 2.2 e versioni successive. (Richiede commons-lang perché ho bisogno dei miei snippet di codice passati a eval() come stringa Javascript. Puoi rimuovere questa dipendenza avvolgendo il codice non tra virgolette, ma in function(){})

Innanzitutto, aggiungi questo al tuo Javascript File:

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

Quindi, aggiungere questo alla tua attività 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

Uguale Keith ma la risposta più breve

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

E implementare la funzione

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

Non dimenticare di rimuovere il onData da proguard lista (Proguard se è stato attivato)

Answer 5

La soluzione che @Felix Khazin suggerito opere, ma c'è un manca il punto chiave.

La chiamata javascript deve essere effettuata dopo aver caricato la pagina Web nello WebView. Aggiungi questo WebViewClient allo WebView, insieme allo WebChromeClient.

completa Esempio:

Answer 6

Su API 19+, il modo migliore per farlo è quello di chiamare evaluateJavascript sul WebView:

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

risposta correlati con maggiori dettagli: https://stackoverflow.com/a/20377857