WebView与JS的那些事: 注入JS去除悬浮广告

来源：互联网发布：武大樱花知乎编辑：程序博客网时间：2024/06/16 09:04

刚做好前几个功能，老板又来业务了，说，我们的应用是推荐一些别人的文章，可是，你看简书和掘金，我们用他们的链接的时候，总是有下载应用的悬浮框，看起来特别的别扭，不喜欢，让我给他解决一下，我看了一下我之前写的，确实有这样的东西存在，如图：

这里写图片描述

这种东西确实有点恶心的，我用debug查看了一下这个控件的属性

这里写图片描述

是一个以class为top的a标签，这个时候好办了，我们只要通过js去遍历所有的a标签，然后通过getAttribute拿到class属性，然后判断属性是否等于top，如果是的话，我们就隐藏掉这个标签，或是remove掉这个标签，思路通了，那么就开始干吧。

贴出在页面测试的代码

<body>        <a class="test" href="http://www.baidu.com">baidu</a><br>        <a class="test aa" href="http://www.lontano.top/">lontano</a><br>        <a href="http://www.wangqi94.cn">wangqi</a><br>    </body>    <script>        var a = document.getElementsByTagName('a');        for(var i = 0; i < a.length; i++) {            if(a[i].getAttribute("class") == 'test') {                a[i].style.display="none";                //或是  a[i].remove();            }        }    </script>

测试木有问题，那就贴到android中去

 view.loadUrl("javascript: function hideTop(){" +                        "var a = document.getElementsByTagName('a');\n" +                        "\t\tfor(var i = 0; i < a.length; i++) {\n" +                        "\t\t\tif(a[i].getAttribute(\"class\") == 'top') {\n" +                        "\t\t\t\ta[i].style.display = \"none\"\n" +                        "\t\t\t}\n" +                        "\n" +                        "\t\t}" +                        "}");                view.loadUrl("javascript:hideTop()");

效果如下，虽然有点小瑕疵，哎，用别人的东西，必须等加载完成页面才能去检索整个页面，不然会出问题。

这里写图片描述

0 0