android工作随笔（第二季）

最新推荐文章于 2024-04-23 17:25:59 发布

思考的芦苇

最新推荐文章于 2024-04-23 17:25:59 发布

阅读量1.1k

点赞数

文章标签： android 工作 javascript string java html

本文链接：https://blog.csdn.net/yuxlong2010/article/details/7239613

版权

1，WebViewClient与WebChromeClient的区别

2，WebView是如何做到让java和javaScript进行互调的。

public class WebViewDemo extends Activity {   
    private WebView mWebView;   
    private Handler mHandler = new Handler();   
  
    public void onCreate(Bundle icicle) {   
        super.onCreate(icicle);   
        setContentView(R.layout.webviewdemo);   
        mWebView = (WebView) findViewById(R.id.webview);   
        WebSettings webSettings = mWebView.getSettings();   
        webSettings.setJavaScriptEnabled(true);   
        mWebView.addJavascriptInterface(new Object() {   
            public void clickOnAndroid() {   
                mHandler.post(new Runnable() {   
                    public void run() {   
                        mWebView.loadUrl("javascript:wave()");   
                    }   
                });   
            }   
        }, "demo");   
        mWebView.loadUrl("file:///android_asset/demo.html");   
    }   
}

这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是interfaceName，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的：

<html>  
        <script language="javascript">  
                function wave() {   
                    document.getElementById("droid").src="android_waving.png";   
                }   
        </script>  
        <body>  
            <a onClick="window.demo.clickOnAndroid()">  
                                <img id="droid" src="android_normal.png"/><br>  
                                Click me!   
            </a>  
        </body>  
</html>

这样在javascript中就可以调用java对象的clickOnAndroid()方法了，wave()方法是java中调用javascript的例子。

这里还有几个知识点：

1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的

3，腾讯微博认证获取验证码即采用了上述的方法。（干你妹的腾讯，看人家新浪搞得多简洁！）

        if (!intent.equals(null))
        {
            Bundle bundle = intent.getExtras();
            if (bundle != null)
            {
                if (bundle.containsKey("urlStr"))
                {
                    String urlStr = bundle.getString("urlStr");
                    WebSettings webSettings = webView.getSettings();
                    // 支持JavScript
                    webSettings.setJavaScriptEnabled(true);
                    webSettings.setSaveFormData(true);
                    webSettings.setSavePassword(true);
                    webSettings.setSupportZoom(true);
                    webSettings.setBuiltInZoomControls(true);
                    webSettings.setCacheMode( WebSettings.LOAD_NO_CACHE );
                    
                    webView.setOnTouchListener(new OnTouchListener()
                    {
                        
                        public boolean onTouch(View v, MotionEvent event) {
                            webView.requestFocus();
                            return false;
                        }
                    });
                    webView.loadUrl(urlStr);
                    webView.setWebChromeClient(new WebChromeClient() {            
                          
                        public void onProgressChanged(WebView view, int progress)               
                          {                   
                              setTitle("加载中，请稍后..." + progress + "%");
                              setProgress(progress * 100);

                              if (progress == 100)  setTitle(R.string.app_name);
                          }
                    });
                }
            }
        }
        //绑定java对象到JavaScript中，这样就能在JavaScript中调用java对象，实现通信。
        //这种方法第一个参数就是java对象，第二个参数表示java对象的别名，在JavaScript中使用
        webView.addJavascriptInterface(new JavaScriptInterface(), "Methods");
        WebViewClient client = new WebViewClient()
        {
            /**
             * 回调方法，当页面加载完毕后执行
             */
            
            public void onPageFinished(WebView view, String url)
            {
                //执行获取授权码的JavaScript
                view.loadUrl("javascript:window.Methods.getHTML('<head>'+document.getElementsByTagName('body')[0].innerHTML+'</head>');");
                super.onPageFinished(view, url);
            }
        };
        webView.setWebViewClient(client);
    }
    
    class JavaScriptInterface
    {
        public void getHTML(String html)
        {
            String verifier = getVerifier(html);
            if (!StringUtils.isBlank(verifier))
            {
                Intent intent = new Intent();
                intent.setClass(TencentWebViewActivity.this, MainActivity.class);
                intent.putExtra("verifier", verifier);
                setResult(RESULT_CODE, intent);
                finish();
            }
        }
        
        /**
         * 根据正则表达式获取验证码
         * @param html 
         * @return
         */
        public String getVerifier(String html)
        {
            String ret = "";
            String regEx = "授权码：[0-9]{6}"; //匹配模式
            Pattern p = Pattern.compile(regEx);
            Matcher m = p.matcher(html);
            boolean result = m.find();
            if (result)
            {
                //获取验证码
                ret = m.group(0).substring(4);
            }
            return ret;
        }
    }

给子ViewGroup设定参数时，参数类型应该是父ViewGroup的参数类型，切记！

思考的芦苇

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android工作随笔（第二季）

1，WebViewClient与WebChromeClient的区别2，WebView是如何做到让java和javaScript进行互调的。public class WebViewDemo extends Activity { private WebView mWebView; private Handler mHandler = new Handler
复制链接

扫一扫