Các chức năng gọi điện của Android trong WebView

Tôi đang cố gắng gọi một số javascriptchức năng ngồi trong một htmltrang chạy bên trong một android webview. Khá đơn giản những gì mã cố gắng thực hiện bên dưới - từ ứng dụng Android, gọi một javascripthàm với thông báo kiểm tra, trong đó inturn gọi hàm java trở lại trong ứng dụng android hiển thị thông báo kiểm tra qua bánh mì nướng.

Các javascripthình chức năng thích:

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

Từ WebView, tôi đã thử gọi các javascriptcách sau mà không gặp may:

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

Tôi đã kích hoạt javascripttrênWebView

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

Và đây là Javalớp học

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();
    }
}

Tôi đã dành rất nhiều thời gian để đi vòng quanh để xem những gì tôi có thể làm sai. Tất cả các ví dụ tôi đã tìm thấy sử dụng phương pháp này. Có ai thấy điều gì sai ở đây không?

Chỉnh sửa: Có một số javascripttệp bên ngoài khác đang được tham chiếu & sử dụng trong html, chúng có thể là vấn đề không?

Tôi đã tìm ra vấn đề là gì: thiếu dấu ngoặc kép trong tham số testEcho (). Đây là cách tôi nhận được cuộc gọi để làm việc:

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

Từ kitkat trở đi, hãy sử dụng phương thức AssessmentJavascript thay vì loadUrl để gọi các hàm javascript như bên dưới

    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); 
            }
        }); 
    }

Tôi đã tạo một trình bao bọc đẹp để gọi các phương thức JavaScript; nó cũng hiển thị lỗi JavaScript trong nhật ký:

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());
}

Bạn cũng cần thêm điều này:

private class WebViewInterface{

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

Và thêm giao diện này vào webview của bạn:

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

Có bạn có lỗi cú pháp. Nếu bạn muốn nhận lỗi Javascript và in các câu lệnh trong logcat của mình, bạn phải triển khai onConsoleMessage(ConsoleMessage cm)phương thức trong WebChromClient của mình. Nó cung cấp các dấu vết ngăn xếp hoàn chỉnh như bảng điều khiển Web (Kiểm tra phần tử). Đây là phương pháp.

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

Sau khi thực hiện, bạn sẽ nhận được các lỗi Javascript và in các câu lệnh ( console.log) trên logcat của mình.

Sửa đổi câu trả lời @Ilya_Gazman

    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);
    }

sẽ tạo chính xác các cuộc gọi JS, vd

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);}

Lưu ý rằng các đối tượng sẽ không được truyền chính xác - nhưng bạn có thể tuần tự hóa chúng trước khi truyền dưới dạng đối số.

Ngoài ra, tôi đã thay đổi lỗi xảy ra, tôi đã chuyển nó sang nhật ký giao diện điều khiển có thể được nghe bởi:

    webView.setWebChromeClient(new CustomWebChromeClient());

và khách hàng

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')");
            }
        });
    }
}

tài sản tập tin

<!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>