android webview onJsAlert只调用一次的问题

最新推荐文章于 2021-05-25 17:23:09 发布

shuangfengzhongfu

最新推荐文章于 2021-05-25 17:23:09 发布

阅读量1.1k

点赞数

此技术帖解决苏州移动商城中支付功能的第二次支付出现问题。

public class MyWebChromeClient extends WebChromeClient {

@Override

     public boolean onJsAlert(WebView view, String url, String message, JsResult result)
     {
    result.cancel();    //此前没有添加，支付只能用一次。不能用第二次。
      Intent intent = new Intent(OrderAlipayActivity.this, MobileMallActivity.class);
         startActivity(intent);
         return true;
     }
}

android开发调用javascript的调试过程中，有时候需要使用onJsAlert来输出javascript方法的信息，以帮助我们进行问题定位。

覆写WebChromeClient的onJsAlert方法即可：

[java] view plain copy print ?

class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
return true;
}
}

 class MyWebChromeClient extends WebChromeClient {
        @Override
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
            Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
            return true;
        }
    }

[java] view plain copy print ?

private WebView mWebView;

private WebView mWebView;

[java] view plain copy print ?

mWebView = (WebView) findViewById(R.id.content_webview);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setHorizontalScrollBarEnabled(false);
mWebView.setVerticalScrollBarEnabled(false);
mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
mJsBridge = new JavascriptBridge(this, mWebView);
mWebView.addJavascriptInterface(mJsBridge, "JSBrige");
mWebView.setWebChromeClient(new MyWebChromeClient());

        mWebView = (WebView) findViewById(R.id.content_webview);
        mWebView.getSettings().setJavaScriptEnabled(true);
        mWebView.setHorizontalScrollBarEnabled(false);
        mWebView.setVerticalScrollBarEnabled(false);
        mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);


        mJsBridge = new JavascriptBridge(this, mWebView);


        mWebView.addJavascriptInterface(mJsBridge, "JSBrige");
        mWebView.setWebChromeClient(new MyWebChromeClient());

html文件里弹出alert信息(我把usite.css\usite.js\usite.html都存放在android项目的asset目录下)：

[html] view plain copy print ?

<!DOCTYPE HTML>
<htmllang="zh-CN">
<head>
<metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<metacharset="utf-8">
<linkrel="stylesheet"type="text/css"href="file:///android_asset/usite.css"/>
<scripttype="text/javascript"src="file:///android_asset/usite.js"></script>
<scripttype="text/javascript">
String.prototype.trim =function() {
return this.replace(/^\s+/, '').replace(/\s+$/, '');
};
document.addEventListener("DOMContentLoaded", function() {
alert("hello, I am a alert!");
loadData();
}, false);
</script>
</head>
<body>
<divid="title">{TITLE}</div>
<divid="content">{CONTENT}</div>
</body>
</html>

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="file:///android_asset/usite.css"/>
    <script type="text/javascript" src="file:///android_asset/usite.js"></script>
    <script type="text/javascript">
        String.prototype.trim = function() {
            return this.replace(/^\s+/, '').replace(/\s+$/, '');
        };
        document.addEventListener("DOMContentLoaded", function() {
            alert("hello, I am a alert!");
            loadData();
        }, false);
    </script>
</head>
<body>
<div id="title">{TITLE}</div>
<div id="content">{CONTENT}</div>
</body>
</html>

很可惜的是，运行程序后只弹出了一次

[html] view plain copy print ?

"hello, I am a alert!"

"hello, I am a alert!"

的信息，而且后续的js方法无法继续进行。幸运的是，通过搜索，我们找到了问题的所在，需要在每次调完后设置参数JsResult调用cancel()或者confirm()方法，这样子：

[java] view plain copy print ?

class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Toast.makeText(DetailActivity.this, message, Toast.LENGTH_SHORT).show();
result.cancel();
return true;
}
}

class MyWebChromeClient extends WebChromeClient {
        @Override
        public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
            Toast.makeText(DetailActivity.this, message, Toast.LENGTH_SHORT).show();
            result.cancel();
            return true;
        }
    }

问题就解决了。可以方便进行android和javascript方法的调试了。需要注意的一点是，html文件head引用.js文件的时候，格式应该是这样:

[html] view plain copy print ?

<scripttype="text/javascript"src="file:///android_asset/usite.js"></script>

    <script type="text/javascript" src="file:///android_asset/usite.js"></script>

而不是

[html] view plain copy print ?

<scripttype="text/javascript"src="file:///android_asset/usite.js"/>

    <script type="text/javascript" src="file:///android_asset/usite.js"/>

前面的结束标签是</script>后面结束标签是/>如果使用这种方式/>可能会产生无法预知的问题。

引用来源：http://stackoverflow.com/questions/6388388/only-one-javascript-alert-in-android-webview-then-it-stops-responding

[java] view plain copy print ?

shuangfengzhongfu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android webview onJsAlert只调用一次的问题

此技术帖解决苏州移动商城中支付功能的第二次支付出现问题。 public class MyWebChromeClient extends WebChromeClient { @Override public boolean onJsAlert(WebView view, String url, String message, JsResult result)
复制链接

扫一扫