没错!写个插件并不难!

没错!写个插件并不难!

现在很多人都在谷歌上安装了一些插件使用,都觉得这些插件很方便,解决很多事情。这些插件有些帮你关掉广告,有些帮你解决看视频的问题。确实这些插件都有很强大的功能,都是一些大佬开发的。

但是自己写一个插件也不难!

你也可以像那些大佬一样写一个,并且上传到网上供别人使用,而且写几个简单的插件难度不大,实现一些简单的功能,只要几句代码就行!。插件也是代码写出来的,只要用对地方,即使很少的代码也能完成麻烦的事情。当然前提是你需要会前端最基础的htmljavascript知识。网上那些功能强大的都是一些大佬的,如果想弄成他们那样,那就要深入了解了。

不过我也是个菜鸡/(ㄒoㄒ)/~~。

直接上教程

首先打开这个网址greasyfork
这个网址里面有很多很强大的插件供大家使用

在这里插入图片描述

这个网站的插件你都可以直接查看他们的源码,看看大佬们的秃头成果

查看源码

首先你得注册个号,注册完了以后,直接点击右上角自己的名字,进入个人中心然后点开第一个1.发布你编写的脚本

在这里你就可以开写你的代码了,开始是没有内容的,我们需要编写一些重要内容给平台,可以点击查阅完整规则查询,在这里我们可以直接copy别人的模板使用,然后修改成自己的信息
编写代码
接着我们就可以直接写代码了,写点什么呢?
这就需要大家的奇思妙想了,比如

你有什么烦恼?

首先你可以想想你在上网的时候经常会遇到什么比较麻烦的事情需要手动解决的?

就像大家看B站视频的时候是会经常遇到以下情况

虽然B站也比较良心没有很多广告,但是我连这几秒也不想看怎么办?每次都点一下跳过吗?

其实很简单,插件可以帮我们自动完成这件事情,你可以自己写一个插件帮你跳过

直接上代码!
代码
在这里实际有用的代码其实就下面几句

(function () {
 
 	//一个计时器,每1秒执行一次
    setInterval(() => {
       
        if (document.getElementsByClassName('bilibili-player-electric-panel-jump')[0]) {    
        //判断是否存在跳过按钮
        
            document.getElementsByClassName('bilibili-player-electric-panel-jump-content')[0].click(); 
            //点击跳过按钮
        }
    
    }, 1000)//每1000毫秒,即1秒判断一次是否弹出充电鸣谢
    
})();//立即运行

我的插件链接

没错,就这几句就能帮你每次看完视频都跳过最后充电鸣谢
是不是so easy so happy

相信学过前端的都知道这几句代码的意思

就是每1秒判断一下是否存在跳过这个按钮,如果存在就执行点击事件

简单地说说就是帮我们按一下跳过按钮

这里我们主要就是得找到按钮,那么就得找到他的class类

很简单,首先,我们在b站的充电鸣谢节目按f12打开控制台,点击图中的按钮
·查看控制台

然后再点一下充电鸣谢界面的跳过按钮,你就能找到他的class类了
点击跳过鸣谢

还有百度文库继续阅读按钮也很烦,我们也可以直接干掉他在这里插入图片描述
自动展开百度文库代码,我的插件链接

(function () {
 
    setTimeout(() => {
 
        if(document.querySelector('.fold-page-text')){    
        //判断是否存在按钮
        
           document.querySelector('.fold-page-text').click();
       //点击按钮    
        }
    
 },1000)
    
})();//立即运行

同样的,几句代码就能写出一个插件解决我们平时比较烦人的问题了

写完代码我们就能直接发布了,然后安装一下试试,因为有些人不知道怎么安装插件,首先要安装油猴,直接点击下面的?问号按钮就有教材了,我也特意标出来让大家点了。男妈妈真男 在这里插入图片描述
然后大家就可以享受自己的劳动成果啦!

如果一点代码也不会写也没关系,在这个网站你也可以找到大佬们的东西使用,当然也可以直接套大佬 我的。

大家快去试试看吧,如果自己写了插件,还能分享在平台让其他人使用,成就感满满哒!

码字不易,有问题的随时可以在评论区分享

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值