博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[android] WebView与Js交互
阅读量:6656 次
发布时间:2019-06-25

本文共 3587 字,大约阅读时间需要 11 分钟。

获取WebView对象

调用WebView对象的getSettings()方法,获取WebSettings对象

调用WebSettings对象的setJavaScriptEnabled()方法,设置js可用,参数:布尔值

在判断是否支持js的时候,不要用alert(),默认不起作用,可以先用document.write()测试

 

调用WebView对象的addJavascriptInterface(obj, interfaceName)方法,添加js接口,参数:Object对象,String接口名称(这个对象在js中的别名)

定义一个内部类MyJavascript

定义一个方法showToast(),显示吐司,api版本大于17需要加注解@JavascriptInterface

 

java代码:

package com.tsh.mywebview;import android.annotation.SuppressLint;import android.app.Activity;import android.app.ProgressDialog;import android.graphics.Bitmap;import android.os.Bundle;import android.view.KeyEvent;import android.view.Menu;import android.view.MenuItem;import android.view.Window;import android.webkit.JavascriptInterface;import android.webkit.WebSettings;import android.webkit.WebView;import android.webkit.WebViewClient;import android.widget.Toast;public class MainActivity extends Activity {    private WebView webview;    private ProgressDialog pd;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_main);                pd=new ProgressDialog(this);        pd.setMessage("正在加载...");                        //webview的简单设置        webview=(WebView) findViewById(R.id.wv_internet);        //http://100.65.187.106/test.php        webview.loadUrl("http://100.65.187.106/test.php");        WebSettings websettings=webview.getSettings();        websettings.setSupportZoom(true);        websettings.setBuiltInZoomControls(true);                //js交互        new MyJavascript().showToast("111");        websettings.setJavaScriptEnabled(true);        webview.addJavascriptInterface(new MyJavascript(), "Android");        webview.loadUrl("javascript:documentWrite('测试')");                webview.setWebViewClient(new WebViewClient(){            @Override            public void onPageStarted(WebView view, String url, Bitmap favicon) {                pd.show();            }            @Override            public void onPageFinished(WebView view, String url) {                pd.dismiss();            }        });            }    //暴露给js的功能接口    public class MyJavascript{        //显示吐司        // 如果target 大于等于API 17,则需要加上如下注解        @JavascriptInterface        public void showToast(String text) {            Toast.makeText(MainActivity.this, text, 1).show();        }        //显示loading        @JavascriptInterface        public void showProgressDialog(String text) {            pd.setMessage(text);            pd.show();        }    }    //后退键    @Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        if(keyCode==KeyEvent.KEYCODE_BACK&&webview.canGoBack()){            webview.goBack();            return true;        }        return super.onKeyDown(keyCode, event);    }    //菜单键    @Override    public boolean onCreateOptionsMenu(Menu menu) {        menu.add(0, 0, 0, "刷新");        menu.add(0, 0, 1, "后退");        menu.add(0, 0, 2, "前进");        return super.onCreateOptionsMenu(menu);    }    //菜单点击事件    @Override    public boolean onOptionsItemSelected(MenuItem item) {        switch (item.getOrder()) {        case 0:            webview.reload();            break;        case 1:            if(webview.canGoBack()){                webview.goBack();            }            break;        case 2:            if(webview.canGoForward()){                webview.goForward();            }            break;        }        return super.onOptionsItemSelected(item);    }}

 

js代码:

 

    
测试android程序 测试android和js交互

 

 

转载地址:http://myxto.baihongyu.com/

你可能感兴趣的文章
敏捷开发中如何定义“完成”?
查看>>
机器学习光速入门
查看>>
Hexo博客SEO优化
查看>>
深入理解jQuery插件开发总结(二)
查看>>
熟悉的< script >标签
查看>>
Eslint-代码规范请了解一下
查看>>
Jasperreport 报表开发
查看>>
java基础提高之Vector
查看>>
构建基于 Node.js 的条形码识别程序
查看>>
电子商务java b2b b2c o2o平台
查看>>
ES6面试易错点总结
查看>>
Gui
查看>>
政府牵头,中国要造强大AI芯片挑战英伟达地位
查看>>
架构师基础面试知识总结
查看>>
MYSQL 优化
查看>>
2018年UI设计趋势概览
查看>>
7个提高效率的JavaScript调试工具
查看>>
Mysql主从架构-主库宕机如何恢复业务
查看>>
spring cloud构建互联网分布式微服务云平台-断路器聚合监控(Hystrix Turbine)
查看>>
Python爬虫学习必备知识点:正则表达式模块详解
查看>>