Android端使用WebView注入一段js代码实现js调用android

来源：互联网发布：淘宝产品没有3c认证编辑：程序博客网时间：2024/06/05 05:04

需求:为网页上个链接增加点击事件，但是这个链接无法增加js代码

url:http://public.rongcloud.cn/view/D4F444BE2D94D760329F3CF38B4AE35C

网页截图：

需要给“投融资讯“四个字设置点击事件

但是观察源码

<body> <div class="wrap content"> <div class="content-inner"> <div class="content-header"> <h2 class="content-header-title">发货房间很干净或</h2> <div class="content-header-info"> <span>2017-01-08</span> <span class="userId"><ahref="javascript:;">投融资讯</a></span> </div> </div> <div class="content-body" > <p style="text-align: center;margin:10px 0;"> <img style="" src="http://7xi6ox.com1.z0.glb.clouddn.com/6ccb1a46485ecbe01324e130564a0fd9?imageView/0/w/200/h/170" /> </p> <p style="margin-top:20px;" > <a onclick="count('http://public.rongcloud.cn/view/11C329D37EFD51832EF7E3CF2A0CE2D4', 'D4F444BE2D94D760329F3CF38B4AE35C')"style="color:#607fa6;text-decoration:none;"href="javascript:void(0)" >阅读原文</a> </p> </div> <div class="divider" style="height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;margin-top: 18px;"></div> </div>

并没有具体的onclick事件，怎么办呢？

1、首先在Chrome上写了端测试代码，测试没问题

2、然后使用安卓端注入进来

webview.getSettings().setJavaScriptEnabled(true);
webview.addJavascriptInterface(new JSObject(), "myObj");

webview.setWebViewClient(new WebViewClient() {
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Toast.makeText(MainActivity.this, "wodo-7-", Toast.LENGTH_SHORT).show();
view.loadUrl(url);
return true;
}

@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);

String js = "var script = document.createElement('script');";
js+= "script.type = 'text/javascript';";
js+="var child=document.getElementsByTagName('a')[0];";
js+="child.onclick=function(){userIdClick();};";
js+= "function userIdClick(){myObj.getClose();};";

webview.loadUrl("javascript:" + js);
}
});

class JSObject {
@JavascriptInterface
// sdk17版本以上加上注解
public String getData(String txt) {
return "12345678";
}

@JavascriptInterface
// sdk17版本以上加上注解
public void getClose() {
Toast.makeText(MainActivity.this, "dododo", Toast.LENGTH_SHORT)
.show();
// finish();

}
}

这样就可以实现点击调用本地方法了。

二、如果想获取html中某个内容

@Override
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);

String js = "var script = document.createElement('script');";
js+= "script.type = 'text/javascript';";
js+="var child=document.getElementsByTagName('a')[0];";
js+="child.onclick=function(){userIdClick();};";
js+= "function userIdClick(){myObj.getClose();};";

webview.loadUrl("javascript:" + js);
// view.loadUrl("javascript:window.myObj.showSource(document.getElementsByTagName('p')[1].innerHTML);");
view.loadUrl("javascript:myObj.showSource(document.getElementsByTagName('p')[0].innerHTML);"); //关键代码

}
});

/**
* 本地化JS对象（第一种方法）
*
* @author jiangwei1-g
*/
class JSObject {
@JavascriptInterface
// sdk17版本以上加上注解
public String getData(String txt) {
return "12345678";
}

@JavascriptInterface
// sdk17版本以上加上注解
public void getClose() {
Toast.makeText(MainActivity.this, "dododo", Toast.LENGTH_SHORT).show();

}

@JavascriptInterface
// sdk17版本以上加上注解
public void showSource(String html) { //关键代码
Toast.makeText(MainActivity.this, html, Toast.LENGTH_SHORT).show();
System.out.println("====>html="+html);
}

}

0 0