经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » Android » 查看文章
android webview获取html代码和根据id获取value实例
来源:jb51  时间:2020/3/25 14:31:25  对本文有异议

1 前言

最近做一个项目,需要webview获取网页中input的内容,把知识整理一下,做个记录,也希望对大家有所帮助。

2 获取html内容

2.1 初始化webview

webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new InJavaScriptLocalObj(), "java_obj");
/**
  *注意,@JavascriptInterface方法的注解是一定要加的,
  *很多同学因为没加所以没有效果
  */
 final class InJavaScriptLocalObj {
  @JavascriptInterface
  public void getSource(String html) {
   Log.d("html=", html);
  }
 }

2.2 获取html代码

view.loadUrl("javascript:window.java_obj.getSource('<head>'+" +
     "document.getElementsByTagName('html')[0].innerHTML+'</head>');");

当执行这句话的时候,会回调InJavaScriptLocalObj 中的getSource方法。

3 根据id获取value

可能会有这样一个需求:在网页的文本框中输入内容后,要在android中获取文本框的输入内容。那么这个文本框需要设置一个id,我们用javascript代码来获取value。代码如下:

3.1 初始化webview

这一块的代码和上面是一样的

webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new InJavaScriptLocalObj(), "local_obj");

 public final class InJavaScriptLocalObj {
  private String value = "";
  public String getValue(){
   return this.value;
  }
  @JavascriptInterface
  public void getValueById(String value) {
   Log.d("HTML", value);
   this.value = value;
  }
 }

3.2 根据id获取value

detail_web.loadUrl("javascript:window.local_obj.getValueById(document.getElementById('acount_comment').value);");

4 结尾

好了就讲到这里吧,以上这篇android webview获取html代码和根据id获取value实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持w3xue。