WebView Js交互之混合交互

最新推荐文章于 2022-04-04 01:05:23 发布

骑蜗牛看世界

最新推荐文章于 2022-04-04 01:05:23 发布

阅读量418

点赞数

分类专栏： Android开发 Web-前台

本文链接：https://blog.csdn.net/a15286856575/article/details/52776305

版权

Android开发同时被 2 个专栏收录

59 篇文章 0 订阅

订阅专栏

Web-前台

16 篇文章 0 订阅

订阅专栏

需求

现在有这样的一个需求，给了你一个html页面，用webview加载获取html页面的内容。分析一下，我们获取页面内容只能同过js,但是不知道html页面中有什么js,怎么做呢？

解决方法

我们知道webview可以调用js.那么我们可以动态注入一个js给html页面，然后在js调用android 中的方法，从而达到获取内容的目的。

注入js

detail_content.setWebViewClient(new WebViewClient(){

                @Override
                public void onPageFinished(WebView view, String url) {
                    //此处通过我们自定义一个function showSource(var content) 
                    当页面加载完成时，会执行js
                    view.loadUrl("javascript:window.local_obj.showSource('<head>'+"  
                            + "document.getElementsByTagName('html')[0].innerHTML+'</head>');");  
                    // TODO Auto-generated method stub
                    super.onPageFinished(view, url);
                }
            });

js调用本地的方法showSource

detail_content.addJavascriptInterface(new Object(){
                @JavascriptInterface
                public void showSource(String name ){
                    System.out.println(name);
                }
            }, "local_obj");