Android与JS互相调

简介: Android与JS互相调

学习内容如下

1.向网页加载完毕以后注入js

2.利用js调用java的方法

3.也可以利用java调用js的方法

h5和app的交互越来越多。项目遇到到一个webview加载网页加载不全不知道怎么解决,一同事最后解决,点赞。

思路

1.我要知道网页的高度,动态设置webview的高度

 2.怎么知道加载完以后网页的高度呢

  3.需要js告诉app网页的高度即js调用app中的方法

private void initWebbiew() {
        WebSettings webSettings = webview_aboutus.getSettings();
        //设置WebView属性,能够执行Javascript脚本
        webSettings.setJavaScriptEnabled(true);
        //设置可以访问文件
        webSettings.setAllowFileAccess(true);
        //设置支持缩放
        webSettings.setBuiltInZoomControls(true);
        //用来处理一些html的页面内容
        webview_aboutus.setWebViewClient(new webViewClient());
        //丰富的处理效果,比如JS、进度条等
        webview_aboutus.setWebChromeClient(new WebChromeClient());
 
//        webview_aboutus.getSettings().setDefaultTextEncodingName("UTF -8");
    }
 
      /**
     * 使用与API17以上
     *
     * @param context
     */
    @SuppressLint("JavascriptInterface")
    public void setDoWhatListener(Context context) {
        // 添加js交互接口类,并起别名 appdowhat
        JavascriptInterface javascriptInterface = new JavascriptInterface(context);
        webview_aboutus.addJavascriptInterface(javascriptInterface, javascriptInterface.toString());
    }
 
     // 注入js函数监听
    private void infoHtmoJS() {
        // 这段js函数的功能就是,获取控件高度并传入值
        //scrollContent 换成div
        /**
         *  <div class="m-detail-dynamic">
          * <section class="dynamic-content">
         *  <div id="content">
         */
         webview_aboutus.loadUrl("javascript:(function(){" +
                    "var _height = document.body.offsetHeight;"
                    + "window.appdowhat.appDoWhat(_height);"
                    + "})()");
    }
 
    // js通信接口
    public class JavascriptInterface {
 
        private Context context;
 
        public JavascriptInterface(Context context) {
            this.context = context;
        }
 
        @android.webkit.JavascriptInterface
        public void appDoWhat(int  height) {
            webview_aboutus.setLayoutParams(new LinearLayout.LayoutParams(DisplayUtil.getDensityWdith(context), (int) (height * DisplayUtil.getDensity(context))));
        }
 
        @android.webkit.JavascriptInterface
        public String toString() {
            return "appdowhat";
        }
    }
 
    public class WebChromeClient extends android.webkit.WebChromeClient {
        @Override
        public void onProgressChanged(WebView view, int newProgress) {
            if (newProgress == 100) {
//                dismissDialog();
            } else {
//                showWaitDialog();
            }
            super.onProgressChanged(view, newProgress);
        }
    }
 
    //Web视图
    private class webViewClient extends WebViewClient {
        @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest st) {
            view.loadUrl(st.getUrl().toString());
            return true;
        }
 
        @Override
        public void onPageFinished(WebView view, String url) {
 
            view.getSettings().setJavaScriptEnabled(true);
 
            super.onPageFinished(view, url);
                // html加载完成之后,添加js函数
            infoHtmoJS();
        }
 
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            view.getSettings().setJavaScriptEnabled(true);
            super.onPageStarted(view, url, favicon);
        }
    }


js调用app中的方法,但是不知道java调用js中的方法,怎么搞 搜索了下


public void javaCallJsNoParams(View view){
  //直接加载(javascript:javaCallJsNoParamsMethod()) 
  //javascript:方法名()
        webView.loadUrl(javascript:javaCallJsNoParamsMethod());
    }
 
    public void javaCallJsHasParams(View view){
        webView.loadUrl(javascript:javaCallJsHasParamsMethod(' + 123 + '));
    }
 
    <script>
   function javaCallJsNoParamsMethod(){
      alert("hello world!");
   }
   function javaCallJsHasParamsMethod(a){
      alert('hello in android!');
   }
   </script>


好好学习天天向上。

相关文章
|
消息中间件 移动开发 JavaScript
JSBridge:混合开发中的双向通信[Android、iOS&JavaScript]
WebView 是移动端中的一个控件,它为 JS 运行提供了一个沙箱环境。WebView 能够加载指定的 url,拦截页面发出的各种请求等各种页面控制功能,JSB 的实现就依赖于 WebView 暴露的各种接口。由于历史原因,IOS以8为分界,Android以4.4为分界,分为高低两个版本。而它们的区别在于 —— 回调。高版本可以通过执行回调拿到 JS 执行完毕的返回值,然后准确进行下一步操作。而低版本无法执行回调!Hybrid App 的核心。
JSBridge:混合开发中的双向通信[Android、iOS&JavaScript]
|
3天前
|
Web App开发 JavaScript 前端开发
Android端使用WebView注入一段js代码实现js调用android
Android端使用WebView注入一段js代码实现js调用android
14 0
|
29天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的安卓的微博客系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的安卓的微博客系统附带文章和源代码部署视频讲解等
28 2
|
2月前
android-agent-web中js-bridge案例
android-agent-web中js-bridge案例
34 2
|
2月前
|
存储 移动开发 JavaScript
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
【原生】sd.js帮助您简化繁重的获取数据、存储数据(CRUD)骚操作(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)
|
9月前
|
JavaScript 前端开发 Android开发
Android AgentWeb WebView 与js交互总结
Android AgentWeb WebView 与js交互总结
252 0
|
JavaScript 前端开发 Android开发
JS(Javascript)调用Android原生方法三步走
JS(Javascript)调用Android原生方法三步走
498 0
|
JavaScript Android开发 iOS开发
html通过js调用ios或android代码
html通过js调用ios或android代码
136 0
|
移动开发 JavaScript Android开发
js调用ios和android方法使用总结
js调动原生登录方法 使用场景,点击一个按钮,如果没有登录,则调用原生登录窗口,原生登录成功以后把usercode赋值给h5页面
634 0
|
JavaScript Android开发 iOS开发
html通过js调用ios或android代码
html通过js调用ios或android代码
54 0