油猴插件编写学习

im, 无色
im, 无色
im, 无色
884
文章
0
评论
2019年8月7日00:05:04 评论 815

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

油猴官网: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;
})
im, 无色
  • 本文由 发表于 2019年8月7日00:05:04
Microsoft Edge 通过扩展添加功能 Edge

Microsoft Edge 通过扩展添加功能

Microsoft Edge 已非常适合浏览 Web,但是现在扩展可帮助你做更多事情。扩展是将功能添加到浏览器的小程序。 扩展可以: 为你提供与浏览器交互的新方法。例如,使用鼠标手势扩展,你可以通过右...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: