我在Android中调用基本JavaScript函数时遇到问题。当我从本教程中克隆存储库,然后将其剥离时,我能够使代码正确运行。然而,当我试图创建自己的新项目时,我一直没有成功。
我引用了以下帖子,似乎也在做同样的事情,但无济于事。两种方法之间没有明显的区别,所以我觉得这些文件之外可能存在我缺少的依赖关系?
Android在WebView 中调用JavaScript函数
在Webview 中运行javascript代码
我在想我是否在某个地方遗漏了一些微妙的东西。
基本上,我只是试图通过调用在自己的文件中定义的JavaScript函数来将任何输出输出到控制台。项目结构如下:
main
- assets
- index.html
- sketch.js
- java
- com.mypackage
- MainActivity.java
我有一个文件sketch.js
,在中具有以下功能
function hello() {
console.log("hello world");
}
以及具有以下代码的index.html
文件
<!DOCTYPE html>
<html>
<head>
<script src="sketch.js" type="text/javascript"></script>
</head>
<body>
<canvas></canvas>
</body>
</html>
然后,从我的活动类中,我得到了以下Java代码
webView = (WebView) findViewById(R.id.webView);
webView.setWebChromeClient(new WebChromeClient());
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/index.html");
webView.evaluateJavascript("javascript:hello();", null);
webView.evaluateJavascript("console.log('Hello world 2');", null);
在Android Studio的控制台中,我看到
[INFO:CONSOLE(1)] "Uncaught ReferenceError: hello is not defined", source: (1)
I/chromium: [INFO:CONSOLE(1)] "Hello world 2", source: (1)
如何修复此代码以便能够调用单独文件中的简单JavaScript函数hello()
?
根据CW答案,
您需要等待页面加载
private void helloJs(){
if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT) {
webView.evaluateJavascript("javascript:hello();", null);
} else {
webView.loadUrl("javascript:hello();");
}
}
webView.setWebViewClient(new WebViewClient() {
public void onPageFinished(WebView view, String url) {
helloJs();
}
});
你能试试这个吗
webView = (WebView)findViewById(R.id.webView);
webView.setWebViewClient(new webViewClient()); \ added this line
webView.getSettings().setJavaScriptEnabled(true); \ moved this line before to setting Web Chrome Client
webView.setWebChromeClient(new WebChromeClient());
webView.loadUrl("file:///android_asset/index.html");
webView.evaluateJavascript("javascript:hello();", null);
webView.evaluateJavascript("console.log('Hello world 2');", null);