油猴插件编写学习

发表于 | 分类于

油猴可以帮助我们在任意网页中镶嵌脚本来达到一些辅助我们的目的。

油猴官网：https://tampermonkey.net/

1. 基本编写

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// ==UserScript==
// @name         脚本的名称
// @namespace    可以写个人的网站什么的
// @version      版本号
// @description  脚本的描述
// @author       作者
// @match        匹配站点，在那个网页中启用该脚本，可使用正则进行匹配
// @match        http://119.36.55.224:6850/zentao/my/
// @match        http://www.iqiyi.com/v_*
// @grant        需要什么权限（GM_addStyle添加css样式权限）
// @grant        GM_addStyle
// @require		 引用外部js
// @require		 http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js
// ==/UserScript==
$(function() {
  //在这里编写我们的脚本
})();

2. 写一个百度自动搜索小脚本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// ==UserScript==
// @name         自动输入
// @namespace    http://pibigstar.com/
// @version      0.1
// @description  百度框自动输入
// @author       派大星
// @match        https://www.baidu.com
// @require		 https://cdn.bootcss.com/jquery/2.2.1/jquery.js
// @grant        none
// ==/UserScript==
(function() {
    $("#kw").val("java派大星");
    $("#su").click();
})();

3. 为百度新添加一个按钮

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// ==UserScript==
// @name         自动输入
// @namespace    http://pibigstar.com/
// @version      0.1
// @description  百度框自动输入
// @author       派大星
// @match        https://www.baidu.com
// @match        http://www.cnblogs.com/*
// @require		 https://cdn.bootcss.com/jquery/2.2.1/jquery.js
// @grant        GM_addStyle
// ==/UserScript==
(function() {
    //与元数据块中的@grant值相对应，功能是生成一个style样式
    GM_addStyle('#myBtn{color: white;position: absolute;left: 1100px;top: 243px;width: 100px;height: 36px;background: #3385ff;border-bottom: 1px solid #2d7');
    var html = "<input type='button' id='myBtn' value='新增按钮' />";
    $("body").append(html);
    // 定义按钮事件
    $("#myBtn").click(function(){
      alert("点击了新增按钮");
    });
})();

4. 综合，写一个VIP视频解析脚本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77

// ==UserScript==
// @name         视频vip解析
// @namespace    http://mxspvip.cn
// @version      1.2
// @description  支持，优酷、爱奇艺、腾讯、乐视等vip视频播放
// @author       pibigstar
// @match        http://www.iqiyi.com/v_*
// @match        http://www.mgtv.com/v/*
// @match        http://www.le.com/ptv/*
// @match        http://v.youku.com/v_show/*
// @match        http://film.sohu.com/album/*
// @match        http://tv.sohu.com/*
// @match        https://v.qq.com/x/cover/*
// @grant        GM_addStyle
// @require      https://cdn.bootcss.com/jquery/2.2.1/jquery.js
// ==/UserScript==

(function (){
GM_addStyle('#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}')
GM_addStyle('#floatDivBoxs a{color:#666;text-decoration:none;outline:none;}')
GM_addStyle('#floatDivBoxs a:hover{color:#e8431f;}')
GM_addStyle('#floatDivBoxs .floatDtt{width:100%;height:50px;line-height:50px; background:#f08326;color:#fff;font-size:20px;text-indent:22px;position:relative;}')
GM_addStyle('#floatDivBoxs .floatDqq{padding:0 14px;}')
GM_addStyle('#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3;}')
GM_addStyle('#floatDivBoxs .floatDbg{width:100%;height:20px;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}')
GM_addStyle('.floatShadow{box-shadow:-2px 0 3px rgba(0,0,0,0.25);}')
GM_addStyle('#rightArrow{width:50px;height:45px;position:fixed;top:180px;right:170px;z-index:999;}')
GM_addStyle('#rightArrow a{background:#F08326;display:block;height:50px;}')
    GM_addStyle('#rightArrow a img{background:#F08326;display:block;height:50px;width:45px;}')

var html = '<div id="rightArrow"><a href="javascript:;" title=""><img id="rightImg" src="http://pmyln8jkg.bkt.clouddn.com/youhou/right.png" /></a></div>'
  html += '<div id="floatDivBoxs">'
  html += '<div class="floatDtt">vip通道</div>'
  html += '<div class="floatShadow">'
  html += '<ul class="floatDqq">'
       html += '<li><a href="#" name="vip" url="http://www.wmxz.wang/video.php?url="> 无名小站</a></li>'
       html += '<li><a href="#" name="vip" url="https://cn.bjbanshan.cn/jiexi.php?url=">1号接口</a></li>'
       html += '<li><a href="#" name="vip" url="https://aikan-tv.com/tong.php?url=">2号接口</a></li>'
       html += '<li><a href="#" name="vip" url="http://api.51ckm.com/jx.php?url=">3号接口</a></li>'
       html += '<li><a href="#" name="vip" url="http://api.nepian.com/ckparse/?url=">4号接口</a></li>'
       html += '<li><a href="#" name="vip" url="http://jqaaa.com/jq3/?url=">5号接口</a></li>'
       html += '<li><a href="#" name="vip" url="http://2gty.com/apiurl/yun.php?url=">6号接口</a></li>'
       html += '<li><a href="#" name="vip" url="http://http://aikan-tv.com/?url=">7号接口</a></li>'
       html += '<li><a href="#" name="vip" url="http://y.mt2t.com/lines?url=">8号接口</a></li>'
   html += ' </ul>'
  html += '</div>'
  html += '</div>'
// 添加到页面上
$("body").append(html);
//浮动代码
var flag=1;
$('#rightArrow').click(function(){
	if(flag==1){
		$("#floatDivBoxs").animate({right: '-175px'},300);
		$(this).animate({right: '-5px'},300);
		$(this).css('background-position','-50px 0');
        $("#rightImg").attr("src","http://pmyln8jkg.bkt.clouddn.com/youhou/left.png");
		flag=0;
	}else{
		$("#floatDivBoxs").animate({right: '0'},300);
		$(this).animate({right: '170px'},300);
		$(this).css('background-position','0px 0');
        $("#rightImg").attr("src","http://pmyln8jkg.bkt.clouddn.com/youhou/right.png");
		flag=1;
	}
});

})();
// 监听每一个接口点击事件
$("a[name='vip']").on("click",function(){
    //获取当前网址
    var url = window.location;
    var api = $(this).attr("url");
    window.open(api+url,'','width=632,height=388,toolbar=no,location=no,status=no, menubar=no, resizable=yes, scrollbars=yes');
	return false;
})
-------------本文结束感谢您的阅读-------------