十分钟学会油猴插件,去除网页广告等

如果有前端基础的人, 这个相对来说比较简单
拿知乎来说,每次刷新都会弹出登录界面, 教你五分钟自己写个油猴插件屏蔽掉登录窗口

1. 打开知乎, 点击箭头,移动到页面,找见登录窗口的标签, 会在elements中显示, 如果不确定,直接在 elements中点击 delete删除, 页面上对应的元素也会被删掉, 如果删错的话 ctrl + z 撤回

2. 找见登录的窗口元素 class 为 "Modal-wrapper undefined Modal-enter-done"

3. 然后再控制台 console 中输入下代码, document.getElementsByClassName("Modal-enter-done")[0].remove()

回车即可删除

4. 然后将该代码添加到油猴插件中, 插件安装请自行百度

5. 进入油猴管理界面

6. 点击添加油猴插件

7. 然后将一下代码添加到编辑器当中

(function() {
    'use strict';

    // Your code here...
    setTimeout(function(){
        document.getElementsByClassName("Modal-enter-done")[0].remove()   //去除登录窗口
    },2000)
    console.log("--------------<>cccccc")
})();

8. 然后点击 设置, 如下操作, 该插件会指定对应的网址执行脚本

9. 然后 ctrl + s 保存即可

10. 然后再刷新页面, 发现页面不能滚动了

再点击 登录弹框 'X'后和 加上脚本之后, 前后对比发现, 如果自己脚本屏蔽掉之后, html的标签滚动属性是hidden隐藏的, 修改其属性为 auto即可

11. 修改脚本,另外在加个首页图片广告去除, 这就OK, 也就武行代码搞定

setTimeout(function(){
   document.getElementsByClassName("Modal-enter-done")[0].remove()   //去除登录窗口
   document.getElementsByTagName("html")[0].style.overflow="auto"    //去除登录窗口之后,将html设置滚动
   document.getElementsByClassName("css-78p1r9")[0].remove()         //去除首页图片广告
},2000)