首页 > 编程语言 > android webview获取html代码和根据id获取value实例
2020
09-24

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

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

编程技巧