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

最新推荐文章于 2025-04-02 07:51:43 发布

置顶 Huangyong_csdn

最新推荐文章于 2025-04-02 07:51:43 发布

阅读量6.5k

点赞数 6

分类专栏：安卓开发笔记文章标签： webview js注入修改文本安卓web view

本文链接：https://blog.csdn.net/huang_yong_/article/details/84680525

版权

安卓开发笔记专栏收录该内容

34 篇文章

订阅专栏

本文介绍如何使用WebView加载网页并动态修改其内容，通过注入JS代码实现元素隐藏、替换等操作，展示了一种简单粗暴但高效的方法，无需深入理解JS也可轻松实现所需效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

webview的骚操作

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

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

干说无趣，举个栗子：

如下网页，我放到了自己的app里，但是又不希望出现该网页的标题。
在这里插入图片描述

于是，开搞：

	/**
 * 注入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也行，在里面调用上面的方法即可，

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和线程去搞，太麻烦了，还得开线程，不能忍，最后，还是用我的简单粗暴的方法，效果依旧完美。
如图：

在这里插入图片描述