最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:01:52
文档

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

怎样在Android开发中与js进行交互:这次给大家带来怎样在Android开发中与js进行交互,Android开发中与js进行交互的注意事项有哪些,下面就是实战案例,一起来看一下。我们在开发Android应用的时候,很多的时候需要跟网页打交道,假如我们现在在做一个外卖app,在app首页会有一个轮询的广告位
推荐度:
导读怎样在Android开发中与js进行交互:这次给大家带来怎样在Android开发中与js进行交互,Android开发中与js进行交互的注意事项有哪些,下面就是实战案例,一起来看一下。我们在开发Android应用的时候,很多的时候需要跟网页打交道,假如我们现在在做一个外卖app,在app首页会有一个轮询的广告位


这次给大家带来怎样在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,两者缺一不可。

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

相关阅读:

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

文档

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

怎样在Android开发中与js进行交互:这次给大家带来怎样在Android开发中与js进行交互,Android开发中与js进行交互的注意事项有哪些,下面就是实战案例,一起来看一下。我们在开发Android应用的时候,很多的时候需要跟网页打交道,假如我们现在在做一个外卖app,在app首页会有一个轮询的广告位
推荐度:
标签: android 实现 js
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top