首页 > 其他分享 >十分钟学会油猴插件,自定义插件

十分钟学会油猴插件,自定义插件

时间:2022-11-22 11:56:26浏览次数:50  
标签:插件 自定义 登录 remove Modal document 油猴

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

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

image

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

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

回车即可删除

image

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

5. 进入油猴管理界面

image

6. 点击添加油猴插件

image

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

(function() {
    'use strict';

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

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

image

9. 然后 ctrl + s 保存即可

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

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

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)

标签:插件,自定义,登录,remove,Modal,document,油猴
From: https://www.cnblogs.com/han-guang-xue/p/16914675.html

相关文章

  • 【快应用】权限弹框理由描述如何自定义
    ​ 问题背景:快应用中的授权弹框一般是用来提示用户应用即将使用该权限,但有时候系统自带的弹框内容并不能很好的描述获取该权限的作用,就有可能导致用户拒绝该权限,该用户......
  • 基于Spring-AOP的自定义分片工具
    作者:陈昌浩1背景随着数据量的增长,发现系统在与其他系统交互时,批量接口会出现超时现象,发现原批量接口在实现时,没有做分片处理,当数据过大时或超过其他系统阈值时,就会出现......
  • Hibernate Tools for Eclipse插件的安装和使用【转】
    HibernateToolsforEclipsePlugins 的安装和使用,这段时间事情比较多一直没有写博客,现在事情忙完了,公司的书柜里有一堆关于Hibernate、Struts和Spring的书,翻了......
  • eclipseUML用法 一个用于 UML 建模的插件
    一个用于UML建模的插件要查看插件的例子,以及查看它是如何与Eclipse集成的,请下载流行的OMONDOEclipseUML(参阅​​​参考资料​​​中的链接);您需要注册,不过该插件是免......
  • 记一次自定义starter引发的线上事故复盘
    前言本文素材来源于业务部门技术负责人某次线上事故复盘分享。故事的背景是这样,该业务部门招了一个技术挺不错的小伙子小张,由于小张技术能力在该部门比较突出,在入职不久后......
  • 自定义函数
    FIREDAC可以自定义sqlite的函数,方法如下:首先需要一个控件:TFDSQLiteFunction,其设置如下:sqlFunction.DriverLink:=FDPhysSQLiteDriverLink1;sqlFunction.FunctionName......
  • WordPress 多表情文章投票/心情评价插件 DW Reactions
    今天推荐的DWReactions是一款非常漂亮的WordPress多表情文章投票插件,它和Facebook的一个新功能非常相似,允许访客对每篇博客文章表达多种情感。看看下面的图片,是不是......
  • mybatis学习第⼋部分:Mybatis插件
    8.1插件简介⼀般情况下,开源框架都会提供插件或其他形式的拓展点,供开发者⾃⾏拓展。这样的好处是显⽽易⻅的,⼀是增加了框架的灵活性。⼆是开发者可以结合实际需求,对框架......
  • Java自定义类加载器
    通过继承java.lang.ClassLoader可以自定义类加载器。步骤:1、继承ClassLoader。2、读取字节文件到字节数组中。3、使用defineClass(类名,字节数组,off,length):将字节数组转换......
  • QQ环境下分享自定义内容
     QQ环境下分享自定义内容:在head里加以下标签即可:<metaname="description"itemprop="description"content="竞猜让我智币分离"><metaitemprop="name"content="我是一个......