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

最新推荐文章于 2024-05-16 03:26:39 发布
最新推荐文章于 2024-05-16 03:26:39 发布
阅读量1.6w 收藏 9
点赞数 4
分类专栏： Android 项目 文章标签： WebView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011404611/article/details/54289313
版权

需求:为网页上个链接增加点击事件，但是这个链接无法增加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上写了端测试代码，测试没问题

 <script type="text/javascript">
     var child=document.getElementsByTagName('a')[0];
     child.οnclick=function(){
         userIdClick();
     };
     function userIdClick(){ 
        myObj.getClose();


     };
</script>


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.οnclick=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.οnclick=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); 
        } 

}


chenhua1008611
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
DoKit：一机多控WebView无侵入注入JS｜滴滴开源
DiDi_Tech的博客
06-28 2520
将滴滴技术设为“星标⭐️”第一时间收到文章更新导读自2018年正式对外开源以来，DoKit经历了五年的打磨，已经发展成一个相对完整的生态，支持六大平台（Android、iOS、Web、小程序、Flutter和PC），是滴滴开源委员会的精品孵化项目。在外部被众多头部企业广泛使用并获得了良好的口碑。在滴滴内部，DoKit已经在所有业务线和App中落地使用，基本覆盖所有日常开发和测试场景，提升了研发和质...
Android webview注入JS代码 修改网页内容操作
08-19
主要介绍了Android webview注入JS代码 修改网页内容操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
android js 登陆,Android 和Js 交互的小demo
weixin_35721505的博客
05-27 263
/*** jsBridge原理* https://www.jianshu.com/p/2ec3f06d6087*/public class MainActivity extends AppCompatActivity {@BindView(R.id.webView)WebView webView;@BindView(R.id.txt_msg)TextView txtMsg;@BindView(R....
Android中webview填坑系列——向webview注入本地js文件
热门推荐
yyanjun的博客
05-17 2万+
需求：    在使用webview加载H5界面时，注入一个本地js文件（该js文件的作用是采集H5页面中用户的点击事件）。也就是在webview打开了一个H5页面的时候动态的注入一个js，让该js和页面并行执行各自的逻辑。思路：    查阅了一下网上的资料，思路也就两种，这里先列出来，后面再对这两种思路做评判，如下所示：（1）第一种思路：将本地的js文件读出来已字符串的形式，通过webview.l...
2024年安卓最新android webView注入js方法，android插件化原理面试
最新发布
2401_84564150的博客
05-16 806
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
webview中注入js文件实现js调用本地方法
weixin_30827565的博客
07-10 608
webview中注入js文件实现js调用本地方法 1.创建一个内部类对象，其中通过@JavascriptInterface来声明android本地方法供js调用； class JSObject { @JavascriptInterface public void closeWindow() { //do something ... } ...
通过css注入实现android webview的夜间模式
08-15
在上述代码中，我们首先启用了JavaScript，然后在页面加载完成后，通过`evaluateJavascript()`执行一段JavaScript代码，这段代码会在页面的`<head>`标签内插入一个`<style>`标签，包含了我们的夜间模式CSS。...
Android中WebView与Js交互的实现方法
09-02
为了测试JavaScript是否能够正常工作，我们还可以使用`loadUrl()`方法加载一段JavaScript代码，比如`webview.loadUrl("javascript:documentWrite('测试')");`，这将在WebView中写入文本"测试"。 另外，为了跟踪页面...
基于Android中Webview使用自定义的javascript进行回调的问题详解
09-05
本文将详细讲解如何在Android的WebView中使用自定义的JavaScript进行回调，以便实现Android应用与Web页面之间的通信。 首先，为什么我们需要讨论这个问题？在许多现代手机应用中，开发者常常会将一部分功能通过Web...
BTAndroidWebViewSelection.rar_WebView_android_android webview
09-24
为了使用户能够选中文本，我们需要注入一段JavaScript代码，以开启WebView的文本选择功能。这通常在页面加载完成后执行： ```java webView.setWebViewClient(new WebViewClient() { @Override public void ...
Android Webview使用小结
09-02
在Android开发中，Webview是一个重要的组件，它允许我们在应用程序中内嵌网页内容，实现原生应用与网页的交互。本篇文章将详细讲解Android Webview的使用方法。 首先，我们来探讨Java与Js的交互。通常，我们可以...
Android WebView注入CSS+JS的项目解决方案
Leo-软件开发
07-04 7050
在某个项目中，由于用到第三方的接口，登录和授权的界面也由第三方提供，而我们是在车机产品上使用，分辨率为800X480。第三方并没有针对这个分辨率的布局，并且不为我们进行修改，就算是高德去推也没有推动。因此，只能使用偏门的方法，之所以说偏门，是因为注入css和js的方式是有风险的，假如web端改了页面，可能我们的app就得跟着升级了。好了，下面开始正题首先，要在WebView注入JS，我们需要开启J...
android webview与js交互(动态添加js)，最详细的解释小白也能听懂
2401_83739411的博客
03-24 1315
现在都说互联网寒冬，其实无非就是你上错了车，且穿的少（技能），要是你上对车，自身技术能力够强，公司换掉的代价大，怎么可能会被裁掉，都是淘汰末端的业务Curd而已！现如今市场上初级程序员泛滥，这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期，想要年后突破自己涨薪的，进阶Android中高级、架构师对你更是如鱼得水，赶快领取吧！Android架构视频+BAT面试专题PDF+学习笔记，或者私信回复【技能提升】即可获取！
android js注入,Webview动态注入js脚本
weixin_29230773的博客
05-29 1589
在webview加载完成后，给所有的img便签加上本地点击事件/**要注入的js代码function(){varobjs=document.getElementsByTagName('img');for(vari=0;iobjs[i].onclick=function(){window.toolbox.openImage(i,this.src);}};**///注入js函...
Android WebView使用笔记（二） JS注入
qqwuy_muzi的博客
04-17 538
使用场景：　　在一个第三方的web页面，如果想在页面后面拼加内容（如资讯文章需要拼加广告），如果使用WebView后面加上Android 的Native View的方式，可能会有页面卡顿或者其他问题，比如滑动问题等。　　这时，其实还可以使用注入JS的方式，直接在页面的body后面加入H5形式的内容页面效果如图：　　　WebView中加载百度首页，点击“加载JS”后注入我们写好的JS，会在页面底部添...
android webview 动态注入,Android WebView注入js监听
weixin_35878962的博客
05-25 962
前言在android端，使用webview播放视频需要全屏。但是webview一些坑非常多，所以用js注入的方式手动全屏。解决方案1.设置webview支持JavaScriptwebSettings.setJavaScriptEnabled(true);2.写监听事件(该事件当然是js写法，找个js工具我这里用的WebStorm,工具什么的不重要，重要的是写正确，我这里因为有ID所以直接取ID注册...
android js注入,webview中注入js文件实现js调用本地方法
weixin_39637700的博客
05-29 689
webview中注入js文件实现js调用本地方法1.创建一个内部类对象，其中通过@JavascriptInterface来声明android本地方法供js调用；class JSObject {@JavascriptInterfacepublic void closeWindow() {//do something...}@JavascriptInterfacepublic void openIma...
android webView注入js方法
meixi_android的博客
03-22 1781
需要在页面加载完成之后才能注入自定义js方法 webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // ...
android webview 注入js文件
06-02
要在 Android WebView 中注入 JavaScript 文件，可以按照以下步骤进行操作： 1. 将 JavaScript 文件添加到 Android 项目的 assets 目录中。 2. 在 WebView 的 onPageFinished 回调中，使用以下代码将 JavaScript 文件注入到 WebView 中： ``` webView.loadUrl("javascript:(function() {" + "var script = document.createElement('script');" + "script.type = 'text/javascript';" + "script.src = 'file:///android_asset/your_js_file.js';" + "document.getElementsByTagName('head')[0].appendChild(script);" + "})();"); ``` 其中，file:///android_asset/your_js_file.js 是 JavaScript 文件的路径。 3. 在 AndroidManifest.xml 文件中添加以下权限： ``` <uses-permission android:name="android.permission.INTERNET" /> ``` 这样就可以在 Android WebView 中注入 JavaScript 文件了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值