WebView'da Android Calling JavaScript işlevleri

İçinde çalışan javascriptbir htmlsayfada oturan bazı işlevleri çağırmaya çalışıyorum android webview. Kodun aşağıda yapmaya çalıştığı oldukça basit - android uygulamasından, javascripttest mesajıyla bir fonksiyonu çağırın , bu da tost yoluyla test mesajını gösteren android uygulamasında bir java fonksiyonunu geri çağırır.

javascriptFonksiyon görünüyor gibi:

function testEcho(message){
     window.JSInterface.doEchoTest(message);
}

WebView, ben javascriptşanssız aşağıdaki yolları aramayı denedim :

myWebView.loadUrl("javascript:testEcho(Hello World!)");
mWebView.loadUrl("javascript:(function () { " + "testEcho(Hello World!);" + "})()");

Ben etkinleştirmek did javascriptüzerindeWebView

myWebView.getSettings().setJavaScriptEnabled(true);
// register class containing methods to be exposed to JavaScript
myWebView.addJavascriptInterface(myJSInterface, "JSInterface"); 

Ve JavaSınıfı Heres

public class JSInterface{

private WebView mAppView;
public JSInterface  (WebView appView) {
        this.mAppView = appView;
    }

    public void doEchoTest(String echo){
        Toast toast = Toast.makeText(mAppView.getContext(), echo, Toast.LENGTH_SHORT);
        toast.show();
    }
}

Neler yanlış yaptığımı görmek için çok zaman harcadım. Bulduğum tüm örnekler bu yaklaşımı kullanır. Burada yanlış bir şey gören var mı?

Düzenleme:javascript başvurulan ve kullanılan birkaç dış dosyalar vardır, htmlonlar sorun olabilir mi?

Sorunun ne olduğunu anladım: testEcho () parametresinde tırnak işaretleri eksik. İşte bu şekilde çalışmak için çağrı aldım:

myWebView.loadUrl("javascript:testEcho('Hello World!')");

Kitkat'tan itibaren javascript işlevlerini aşağıdaki gibi çağırmak için loadUrl yerine evaluJavascript yöntemini kullanın

    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
        webView.evaluateJavascript("enable();", null);
    } else {
        webView.loadUrl("javascript:enable();");
    }

public void run(final String scriptSrc) { 
        webView.post(new Runnable() {
            @Override
            public void run() { 
                webView.loadUrl("javascript:" + scriptSrc); 
            }
        }); 
    }

JavaScript yöntemlerini çağırmak için güzel bir sarmalayıcı oluşturdum; ayrıca günlükte JavaScript hataları gösterir:

private void callJavaScript(String methodName, Object...params){
    StringBuilder stringBuilder = new StringBuilder();
    stringBuilder.append("javascript:try{");
    stringBuilder.append(methodName);
    stringBuilder.append("(");
    for (int i = 0; i < params.length; i++) {
        Object param = params[i];
        if(param instanceof String){
            stringBuilder.append("'");
            stringBuilder.append(param.toString().replace("'", "\\'"));
            stringBuilder.append("'");
        }
        if(i < params.length - 1){
            stringBuilder.append(",");
        }
    }
    stringBuilder.append(")}catch(error){Android.onError(error.message);}");
    webView.loadUrl(stringBuilder.toString());
}

Bunu da eklemeniz gerekir:

private class WebViewInterface{

    @JavascriptInterface
    public void onError(String error){
        throw new Error(error);
    }
}

Ve bu arayüzü web görünümünüze ekleyin:

webView.getSettings().setJavaScriptEnabled(true);
webView.addJavascriptInterface(new WebViewInterface(), "AndroidErrorReporter");

Evet sözdizimi hatası var. Javascript hatalarınızı ve baskı ifadelerinizi onConsoleMessage(ConsoleMessage cm)logcat'inize almak istiyorsanız, yöntemi WebChromeClient'inize uygulamalısınız. Web konsolu (Inspect öğesi) gibi tüm yığın izlerini verir. İşte yöntem.

public boolean onConsoleMessage(ConsoleMessage cm) 
    {
        Log.d("Message", cm.message() + " -- From line "
                             + cm.lineNumber() + " of "
                             + cm.sourceId() );
        return true;
    }

Uygulamadan sonra Javascript hatalarınızı ve console.loglogcat'ınızda print ifadelerini ( ) alacaksınız .

@Ilya_Gazman cevabının değiştirilmesi

    private void callJavaScript(WebView view, String methodName, Object...params){
        StringBuilder stringBuilder = new StringBuilder();
        stringBuilder.append("javascript:try{");
        stringBuilder.append(methodName);
        stringBuilder.append("(");
        String separator = "";
        for (Object param : params) {               
            stringBuilder.append(separator);
            separator = ",";
            if(param instanceof String){
                stringBuilder.append("'");
            }
                stringBuilder.append(param.toString().replace("'", "\\'"));
            if(param instanceof String){
                stringBuilder.append("'");
            }

        }
        stringBuilder.append(")}catch(error){console.error(error.message);}");
        final String call = stringBuilder.toString();
        Log.i(TAG, "callJavaScript: call="+call);


        view.loadUrl(call);
    }

JS çağrılarını doğru bir şekilde oluşturur;

callJavaScript(mBrowser, "alert", "abc", "def");
//javascript:try{alert('abc','def')}catch(error){console.error(error.message);}
callJavaScript(mBrowser, "alert", 1, true, "abc");
//javascript:try{alert(1,true,'abc')}catch(error){console.error(error.message);}

Nesnelerin doğru bir şekilde geçirilmeyeceğini unutmayın - ancak bağımsız değişken olarak geçmeden önce bunları serileştirebilirsiniz.

Ayrıca hatanın nereye gittiğini değiştirdim, onu dinleyebileceğiniz konsol günlüğüne yönlendirdim:

    webView.setWebChromeClient(new CustomWebChromeClient());

ve müşteri

class CustomWebChromeClient extends WebChromeClient {
    private static final String TAG = "CustomWebChromeClient";

    @Override
    public boolean onConsoleMessage(ConsoleMessage cm) {
        Log.d(TAG, String.format("%s @ %d: %s", cm.message(),
                cm.lineNumber(), cm.sourceId()));
        return true;
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

import com.bluapp.androidview.R;

public class WebViewActivity3 extends AppCompatActivity {
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view3);
        webView = (WebView) findViewById(R.id.webView);
        webView.setWebViewClient(new WebViewClient());
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("file:///android_asset/webview1.html");


        webView.setWebViewClient(new WebViewClient(){
            public void onPageFinished(WebView view, String weburl){
                webView.loadUrl("javascript:testEcho('Javascript function in webview')");
            }
        });
    }
}

varlık dosyası

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>WebView1</title>
<meta forua="true" http-equiv="Cache-Control" content="max-age=0"/>
</head>

<body style="background-color:#212121">
<script type="text/javascript">
function testEcho(p1){
document.write(p1);
}
</script>
</body>

</html>