前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >安卓webview注入js修改网页文本或添加其他元素

安卓webview注入js修改网页文本或添加其他元素

作者头像
安德玛
发布2022-03-09 08:28:23
4.3K0
发布2022-03-09 08:28:23
举报
文章被收录于专栏:Cordova封装H5 APP

webview的骚操作

webview不止可以加载网页,加载的同时,网页的任何元素我们都是可以修改的,隐藏、替换、插入新的html元素balabala,总之,webview的神奇给了我们很多发挥创意的可能:

而且操作起来也是异常简单,几乎是模板代码,不管你是否精通js,你都可以有模有样的轻而易举的实现你想要的效果。

干说无趣,举个栗子:

如下网页,我放到了自己的app里,但是又不希望出现该网页的标题。

代码语言:javascript
复制
	/**
 * 注入js隐藏部分div元素,多个操作用多个js去做才能生效
 */
private void hideHtmlContent() {
    //修改文本,可以注入任意的html代码,我是直接注入一段带样式的文本节点,表现良好
    String javascriptq =  "javascript:function modifyText() {" +
            "var headers = document.getElementsByClassName('logo');" +
            "var lastHeader = headers[headers.length-1];" +
            "lastHeader.innerHTML='<font style=\"float:left;margin-left:5px;font-size:.42rem;margin-top:3px;\">极光影院</font>';" +
            "}";
     //隐藏元素       
    String javascript =  "javascript:function hideOther() {" +
            "var headers = document.getElementsByClassName('logo');" +
            "var lastHeader = headers[headers.length-1];" +
            "lastHeader.remove();" +
            "}";

    //创建方法
    mWebView.loadUrl(javascriptq);
    mWebView.loadUrl(javascript);


    //加载方法
    mWebView.loadUrl("javascript:modifyText();");
    mWebView.loadUrl("javascript:hideOther();");
 
}

然后重写webviewClient()里的onLoadResource()方法,或者shouldInterceptRequest也行,在里面调用上面的方法即可,

代码语言:javascript
复制
mWebView.setWebViewClient(new com.tencent.smtt.sdk.WebViewClient(){
            @Override
            public WebResourceResponse shouldInterceptRequest(com.tencent.smtt.sdk.WebView webView, String s) {
                hideHtmlContent();
                return super.shouldInterceptRequest(webView, s);
            }

            @Override
            public void onLoadResource(com.tencent.smtt.sdk.WebView webView, String s) {
                super.onLoadResource(webView, s);
                hideHtmlContent();
            }
        });

看很多文章是在onPageFinish()调,其实是有问题的,因为这个方法是页面load完才会执行我们自己的方法,那些不想看到的元素一开始还是显示的,只有页面完全加载完才会被我们替换掉,这样肯定是不能忍的。于是,随便换一个能实时调用的地方,问题解决。就是这么粗暴,看其他文章有说写handler和线程去搞,太麻烦了,还得开线程,不能忍,最后,还是用我的简单粗暴的方法,效果依旧完美。

如图:

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档