javascript - Android 从 Java 调用 Javascript 不工作

标签 javascript java android webview

我已经阅读了很多帖子,但我无法让我的 Android 应用程序调用 Javascript 函数。这是我的

public class BorrameActivity extends AppCompatActivity {

    private static BorrameActivity.MyJavaScriptInterface myJavaScriptInterface;
    private static WebView webView;

    public class MyJavaScriptInterface {
        Context mContext;

        MyJavaScriptInterface(Context c) {
            mContext = c;
        }

        @android.webkit.JavascriptInterface
        public void doEchoTest(String echo){
            Log.e("printer", echo);
            Toast toast = Toast.makeText(mContext, echo, Toast.LENGTH_SHORT);
            toast.show();
        }
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_borrame);

        myJavaScriptInterface = new BorrameActivity.MyJavaScriptInterface(this);
        webView = (WebView) findViewById(R.id.mybrowserAuthorise);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.addJavascriptInterface(myJavaScriptInterface, "JSInterface");
        webView.loadUrl("file:///android_asset/loginProtocol.html");
        //webView.loadUrl("javascript:JSInterface.doEchoTest('test')"); // THIS WORKS!!
        webView.loadUrl("javascript:testEcho()"); // THIS DOES NOT WORK
    }
}

这在我执行时有效

webView.loadUrl("javascript:JSInterface.doEchoTest('test')");

但是当Javascript函数在loginProtocol.html中时它不起作用:

webView.loadUrl("javascript:testEcho()");

在哪里

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; user-scalable=0;" />
    <title></title>
</head>
<body style="visibility:visible">
    <!--    Used for debugging -->
    <h1>HELLO</h1>

    <script>
        function testEcho(){
               JSInterface.doEchoTest('This does not get printed in Android Log');
        }
    </script>
</body>
</html>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.sedicii.app.sedicii.BorrameActivity">

    <WebView
        android:id="@+id/mybrowserAuthorise"
        android:layout_width="353dp"
        android:layout_height="442dp"/>

</LinearLayout>

WebView 似乎加载正确(我可以在 Android 屏幕上看到来自 loginProtocol.html 的 HELLO)。

我错过了什么?

解决方案 我必须等到 HTML 页面加载完毕。谢谢@KosWarm

webView.setWebViewClient(new WebViewClient() {
    public void onPageFinished(WebView view, String url) {
        webView.loadUrl("javascript:testEcho()");
    }
});

最佳答案

我认为您只需要为 loadUrl 方法提供参数:

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

并且您的 javascript 函数必须如下所示:

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

关于javascript - Android 从 Java 调用 Javascript 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42654542/

相关文章:

javascript - 请求的脚本资源 'Compat.Timer.Timer.js'需要 'AjaxControlToolkit'版本

javascript - 如何将 `data-trim` 和 `data-noescape` 应用于 Reveal.js 中的 Markdown 代码块?

java - 无法通过 Android ksoap2 从 Web 服务接收数据

java 将字符串转换为int并删除尾随零

android - ListView 数据在滚动时被清除

android - 如何将build.gradle “versionName”附加到发布版本APK文件中

javascript - 如何遍历 JSON 模式并将所有值设置为空字符串?

javascript - 如何在 findAll 上的 node.js Sequelize 中具有多个关联/条件/包含

java - 选择超过 10 张图像时应用程序崩溃

Android服务正确启动/绑定(bind),但只是第一次