首页 web前端 js教程 怎样在Android开发中与js进行交互

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

Mar 07, 2018 am 09:46 AM
android javascript 交互

这次给大家带来怎样在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中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

新报告对传闻中的三星 Galaxy S25、Galaxy S25 Plus 和 Galaxy S25 Ultra 相机升级进行了严厉的评估 新报告对传闻中的三星 Galaxy S25、Galaxy S25 Plus 和 Galaxy S25 Ultra 相机升级进行了严厉的评估 Sep 12, 2024 pm 12:23 PM

最近几天,Ice Universe 不断披露有关 Galaxy S25 Ultra 的详细信息,人们普遍认为这款手机将是三星的下一款旗舰智能手机。除此之外,泄密者声称三星只计划升级一款相机

三星 Galaxy S25 Ultra 泄露了第一张渲染图,传闻中的设计变化被曝光 三星 Galaxy S25 Ultra 泄露了第一张渲染图,传闻中的设计变化被曝光 Sep 11, 2024 am 06:37 AM

OnLeaks 现在与 Android Headlines 合作,首次展示了 Galaxy S25 Ultra,几天前,他试图从他的 X(以前的 Twitter)粉丝那里筹集到 4,000 美元以上的资金,但失败了。对于上下文,嵌入在 h 下面的渲染图像

IFA 2024 | TCL 的 NXTPAPER 14 在性能上无法与 Galaxy Tab S10 Ultra 相媲美,但在尺寸上几乎可以与之媲美 IFA 2024 | TCL 的 NXTPAPER 14 在性能上无法与 Galaxy Tab S10 Ultra 相媲美,但在尺寸上几乎可以与之媲美 Sep 07, 2024 am 06:35 AM

除了发布两款新智能手机外,TCL 还发布了一款名为 NXTPAPER 14 的新 Android 平板电脑,其大屏幕尺寸是其卖点之一。 NXTPAPER 14 采用 TCL 标志性品牌哑光液晶面板 3.0 版本

Vivo Y300 Pro 在 7.69 毫米纤薄机身中配备 6,500 mAh 电池 Vivo Y300 Pro 在 7.69 毫米纤薄机身中配备 6,500 mAh 电池 Sep 07, 2024 am 06:39 AM

Vivo Y300 Pro刚刚全面亮相,它是最薄的中端Android手机之一,配备大电池。准确来说,这款智能手机的厚度仅为 7.69 毫米,但配备了 6,500 mAh 的电池。这与最近推出的容量相同

三星 Galaxy S24 FE 预计将以低于预期的价格推出,有四种颜色和两种内存选项 三星 Galaxy S24 FE 预计将以低于预期的价格推出,有四种颜色和两种内存选项 Sep 12, 2024 pm 09:21 PM

三星尚未就何时更新其 Fan Edition (FE) 智能手机系列提供任何提示。目前来看,Galaxy S23 FE 仍然是该公司的最新版本,于 2023 年 10 月年初推出。

新报告对传闻中的三星 Galaxy S25、Galaxy S25 Plus 和 Galaxy S25 Ultra 相机升级进行了严厉的评估 新报告对传闻中的三星 Galaxy S25、Galaxy S25 Plus 和 Galaxy S25 Ultra 相机升级进行了严厉的评估 Sep 12, 2024 pm 12:22 PM

最近几天,Ice Universe 不断披露有关 Galaxy S25 Ultra 的详细信息,人们普遍认为这款手机将是三星的下一款旗舰智能手机。除此之外,泄密者声称三星只计划升级一款相机

小米红米 Note 14 Pro Plus 上市,成为首款配备 Light Hunter 800 摄像头的高通 Snapdragon 7s Gen 3 智能手机 小米红米 Note 14 Pro Plus 上市,成为首款配备 Light Hunter 800 摄像头的高通 Snapdragon 7s Gen 3 智能手机 Sep 27, 2024 am 06:23 AM

Redmi Note 14 Pro Plus 现已正式成为去年 Redmi Note 13 Pro Plus 的直接后继产品(亚马逊售价 375 美元)。正如预期的那样,Redmi Note 14 Pro Plus与Redmi Note 14和Redmi Note 14 Pro一起成为Redmi Note 14系列的主角。李

iQOO Z9 Turbo Plus:可能增强的系列旗舰产品已开始预订 iQOO Z9 Turbo Plus:可能增强的系列旗舰产品已开始预订 Sep 10, 2024 am 06:45 AM

OnePlus的姐妹品牌iQOO的2023-4年产品周期可能即将结束;尽管如此,该品牌已宣布 Z9 系列的开发尚未结束。它的最终版,也可能是最高端的 Turbo+ 变体刚刚按照预测发布。时间

See all articles