Android错误集锦之WebView

最新推荐文章于 2022-06-27 15:15:01 发布

原创最新推荐文章于 2022-06-27 15:15:01 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

46 篇文章

订阅专栏

本文总结了Android WebView开发过程中常见的错误，包括跨域访问问题、字符串处理错误以及调用JavaScript方法时的问题，并提供了详细的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发中总是遇到各种奇葩的错误，做一个错误收集集合

也可查看：android WebView之大坑

WebView 错误集合

1.跨域问题：做webapp的时候，写js会碰到 XMLHttpRequest cannot load http://abc Origin http://def is not allowed by Access-Control-Allow-Origi 跨域问题：

解决方案参考地址：方案一方案二

解决方案：思路：访问android WebView private 对象 WebViewCore mWebViewCore，调用 mWebViewCore的private 方法nativeRegisterURLSchemeAsLocal，把http和https忽悠成本地访问。 XMLHttpRequest即可自由跨域。

注：android 4.1煎饼以上还需要设置WebSettings.setAllowUniversalAccessFromFileURLs(true)

2.字符问题：由于加多了引号导致 [INFO:CONSOLE(1)] "Uncaught SyntaxError: missing ) after argument list", source: (1)

解决方案参考地址：参考一参考二

解决方案:

JSONObject jsonObject = new JSONObject();
jsonObject.put("si", "dfasfsa");
jsonObject.put("url", "http://xxxx");
String xx = jsonObject.toString();//toUtf8(js);
//String xxs = "javascript:initializeAsyn_app(\"" + xx + "\")";//这个是错误的
String xxs = "javascript:initializeAsyn_app(" + xx + ")";//这个是正确的  initializeAsyn_app html的方法名称
webView.loadUrl(xxs);

String content = "9880";
webView.loadUrl("javascript:alertMessage(\"" + content + "\")");//这个是一般String的写法

3.webView调用js方法问题：webView没有加载完毕调用html中的js方法报错：Uncaught ReferenceError: is not define或者has no method

解决方案参考地址：地址一

解决方案：

我们在 onPageFinished的时候，全部的js肯定都加载完毕了，这时候再执行loadUrl方法，就可以啦

 private class WebViewClientDemo extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            Log.d(TAG, " url:"+url);


            view.loadUrl(url);// 当打开新链接时，使用当前的 WebView，不会使用系统其他浏览器
            return true;
        }

        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            //在这里执行你想调用的js函数
            if(!flag_get_deviceid){
                loadUrl();
            }
        }
    }

顺便提一下 webview.evaluateJavascript的好处，这个方法，可以把js函数的return结果获取到：

两种webWiew调用js的方法，第1种： mWebview.loadUrl("javascript:getDeviceID('maomao')");                                                            第2种if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        String script=String.format("javascript:getDeviceID('"+androidID+"')");
        webView.evaluateJavascript(script, new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {
                Log.d("onReceiveValue", "onReceiveValue value=" + value);
            }});
    }