6

我们如何执行 javascript 函数并在我们的 android 应用程序中获取返回值？

我们想在按钮按下事件上执行一个javascript，我们需要将参数传递给脚本并获取返回值，所以我们使用“WebChromeClient”来实现这个，但是我们得到的异常是“SyntaxError: Parse error at undefined:1 "

以下是我的代码

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.webkit.JsResult;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class FirstTab extends Activity 
{


    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
             setContentView(R.layout.regis);

            try{

                webView = (WebView) findViewById(R.id.webView1);
                webView.getSettings().setJavaScriptEnabled(true);
                webView.setWebChromeClient(new MyWebChromeClient());
                String customHtml = "<html><head><title>iSales</title><script type=\"text/javascript\"> function fieldsOnDelete(){ var x=123; return \"JIJO\"; } </script></head><body>hi</body></html>";
                webView.loadData(customHtml, "text/html","UTF-8");  

                }catch(Exception e)
                {
                     Log.v("JAC LOG",e.toString());
                }

        }
    public void onResume()
    {
        super.onResume();

            final Button button = (Button) findViewById(R.id.button1);
             button.setOnClickListener(new View.OnClickListener() {
             public void onClick(View v) {
                 try{
                    webView.loadUrl("javascript:alert(javascript:fieldsOnDelete())");
                 }
                 catch(Exception e)
                 {
                     Log.v("JAC LOG",e.toString());

                 }
              } 
             });
    }


    final class MyWebChromeClient extends WebChromeClient {
        @Override
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {

        Log.v("LogTag", message);
          result.confirm();
          return true;
        }
    }


}
4

2 回答 2

7

您可以使用 mWebView.loadUrl("javascript:checkName");调用该方法...

然后您可以使用addJavascriptInterface()将 Java 对象添加到 Javascript 环境中。让您的 Java 脚本调用该 Java 对象上的方法以提供其“返回值”。

EDIT1：或者您可以使用以下技巧：

将此客户端添加到您的 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;
        }
    }

现在在您的 java 脚本调用中执行以下操作：

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

现在在 onJsAlert 调用中“ message”将包含返回值。

编辑2：

因此，如果我们在调用加载 URL 之后调用 javascript 方法，则它不起作用，因为页面加载需要时间。所以我创建了一个测试程序来测试它......

以下是我存储在 assets 文件夹中的 html 文件（名为 test.html）：

<html>
<head>
<script language="javascript">
    function fieldsOnDelete(message) {
        alert("i am called with " + message);
        window.myjava.returnValue(message + " JIJO");
    }
</script>
<title>iSales android</title>


</head>
<body></body>
</html>
</body>
</html>

以下是我的 java 类，我可以将它作为接口添加到 java 脚本中，它会接收返回值：

public class MyJS {

    public void returnValue(String string){
        Log.d(this.getClass().getSimpleName(), string);
    }

}

以下是我的活动课：

public class CheckWebView extends Activity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_check_web_view);
        webView = (WebView) findViewById(R.id.webview);

        webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onConsoleMessage(String message, int lineNumber,
                    String sourceID) {
                super.onConsoleMessage(message, lineNumber, sourceID);
                Log.d(this.getClass().getCanonicalName(), "message " + message
                        + "   :::line number " + lineNumber + "   :::source id "
                        + sourceID);
            }

            @Override
            public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
                // TODO Auto-generated method stub

                onConsoleMessage(consoleMessage.message(),
                        consoleMessage.lineNumber(), consoleMessage.sourceId());

                Log.d(this.getClass().getCanonicalName(), "message::::: "
                        + consoleMessage.message());

                return super.onConsoleMessage(consoleMessage);
            }
        });

        webView.addJavascriptInterface(new MyJS(), "myjava");
        webView.getSettings().setJavaScriptEnabled(true);
        webView.getSettings().setPluginsEnabled(true);
        webView.getSettings().setAllowFileAccess(true);

        webView.loadUrl("file:///android_asset/test.html");

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_check_web_view, menu);
        return true;
    }

    /* (non-Javadoc)
     * @see android.app.Activity#onOptionsItemSelected(android.view.MenuItem)
     */
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        webView.loadUrl("javascript:fieldsOnDelete('name');");
        return super.onOptionsItemSelected(item);
    }

}

这里的关键是调用从 assets 文件夹加载 html 文件和调用javascript:method. 我在这里调用它onOptionsItemSelected，它工作正常..如果我将 webView.loadUrl("javascript:fieldsOnDelete('name');");onCreate() 方法移到末尾，它会显示找不到fieldsOnDelete()方法的错误...

希望能帮助到你...

编辑3：

在您的代码中替换以下内容

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

和

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

并尝试...

于 2012-11-23T11:03:14.007 回答
4

在 Android KitKat 中有一个新方法 evaluateJavascript，它有一个返回值的回调。回调根据您返回的内容返回 JSON 值、对象或数组。

        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            // In KitKat+ you should use the evaluateJavascript method
            mWebView.evaluateJavascript(javascript, new ValueCallback<String>() {
                @TargetApi(Build.VERSION_CODES.HONEYCOMB)
                @Override
                public void onReceiveValue(String s) {
                    JsonReader reader = new JsonReader(new StringReader(s));

                    // Must set lenient to parse single values
                    reader.setLenient(true);

                    try {
                        if(reader.peek() != JsonToken.NULL) {
                            if(reader.peek() == JsonToken.STRING) {
                                String msg = reader.nextString();
                                if(msg != null) {
                                    Toast.makeText(getApplicationContext(), msg, Toast.LENGTH_LONG).show();
                                }
                            }
                        }
                    } catch (IOException e) {
                        Log.e("TAG", "MainActivity: IOException", e);
                    } finally {
                        try {
                            reader.close();
                        } catch (IOException e) {
                            // NOOP
                        }
                    }
                }
            });
        }

你可以在这里看到一个完整的例子：https ://github.com/GoogleChrome/chromium-webview-samples/tree/master/jsinterface-example

于 2013-12-04T14:14:08.297 回答