首页 > web前端 > js教程 > 正文

怎样在Android开发中与js进行交互

php中世界最好的语言
发布: 2018-03-07 09:46:51
原创
1811 人浏览过

这次给大家带来怎样在Android开发中与js进行交互,Android开发中与js进行交互的注意事项有哪些,下面就是实战案例,一起来看一下。

我们在开发Android应用的时候,很多的时候需要跟网页打交道,假如我们现在在做一个外卖app,在app首页会有一个轮询的广告位,我们点击其中一项会跳转至一个wap网页,在这个网页里可能会有几个餐厅的推广信息,在用户点击某个餐厅后,我们希望跳出wap页面展示餐厅的详情,这个时候就需要用到js调用java代码来实现了。再或者,如果我们需要在wap页中进行分享可能也需要用js调用java代码来执行分享的操作。类似这样的场景很多,如果我们需要实现这种功能,就要了解java和js之间的交互的方法。

WebView的使用

我们在Android中如果希望展示一个网页,基本上都会使用WebView这个组件,它的基本使用也很简单,假如我们希望加载一下百度首页,可以像下面这样写: 首先在layout文件中进行声明

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <WebView 
        android:id="@+id/web_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" /></RelativeLayout>
登录后复制

然后在java文件中进行使用

WebView webView = (WebView) findViewById(R.id.web_view);
webView.loadUrl("http://www.baidu.com");
登录后复制

同时,WebView还允许我们对一些默认设置进行修改,例如,我们希望启动对javascript的支持并且可以进行缩放,就需要做如下设置:

// 启用javascriptwebView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setUseWideViewPort(true);//是否可以缩放webView.getSettings().setSupportZoom(true);
webView.getSettings().setBuiltInZoomControls(true);if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
    getSettings().setDisplayZoomControls(false);
}
登录后复制

但是,如果我们想要在页面加载的时候处理各种通知、请求事件,或者监听页面的加载进度等,就需要用到另外两个类:WebViewClient 和 WebChromeClient。其中,WebViewClient 主要用来监听通知或请求事件,我们在开发中可能会用到的方法主要是下面几个:

onPageStarted

onPageFinished

onReceivedError

shouldOverrideUrlLoading

而 WebChromeClient 则用来处理javascript、网站图标、网站title和加载进度等,我们在使用微信时,如果打开一个网页,会看到它的上面有一条绿色的进度条,这个功能就是通过重写 WebChromeClient 的 onProgressChanged方法来实现的:

public class CustomWebClient extends WebChromeClient { 
    @Override public void onProgressChanged(WebView view, int newProgress) { 
        if (newProgress == 100) { 
            mProgressBar.setVisibility(GONE); 
        } else { 
            if (mProgressBar.getVisibility() == GONE) { 
                mProgressBar.setVisibility(VISIBLE); 
            } 
            mProgressBar.setProgress(newProgress);
        } 
        super.onProgressChanged(view, newProgress); 
    }
}
登录后复制

除此之外,WebView还提供了直接运行javascript的功能,例如,我们可以简单的弹出一个对话框:

webView.loadUrl("javascript:alert(\"提示信息!\");");
登录后复制

当然,如果我们想要执行js,那么必须满足两个条件,第一个是在设置中开启javascript支持,即需要调用setJavascriptEnabled(true),第二个是需要设置WebChromeClient,两者缺一不可。

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

JavaScript基础心法 数据类型
JS代码怎样实现记住账号密码

以上是怎样在Android开发中与js进行交互的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板