android webview html根据id获取value android webview获取html代码和根据id获取value实例

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

android webview html根据id获取value android webview获取html代码和根据id获取value实例

程序编织梦想   2021-04-21 我要评论

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实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们