油猴插件编写学习
编辑:浏览器知识油猴可以帮助我们在任意网页中镶嵌脚本来达到一些辅助我们的目的。
油猴官网:https://tampermonkey.net/
1. 基本编写
// ==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. 写一个百度自动搜索小脚本
// ==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. 为百度新添加一个按钮
// ==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视频解析脚本
// ==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;
})
加载全部内容