一个插件带你玩转浏览器 - 油猴脚本


油猴脚本是浏览器最强插件这个称号并非浪得虚名,接下来博主就教大家这个插件怎么用

在正式开始之前,我们需要了解一些关于脚本的基本知识。

什么是脚本:旨在增强用户对浏览体验的控制权。在安装之后,它们可自动为用户访问的网站添加功能,或使其更加易用、更加清新,或添加原本网站不支持的服务……不多废话,开干

如何获取:

以火狐浏览器开发者版为例,点击添加附件,搜索Tampermonkey,安装并开启
文生技术博客
懒的话看这里:

如何使用:

开启插件后右上角会出现一个文生技术博客的按钮,点击这个按钮,接着点击添加新脚本,你会跳转到一个代码编辑窗口
文生技术博客
在代码编辑窗口输入脚本保存开启即可
文生技术博客

现在是不是一脸懵逼,甚至还想说一声“我他妈不会写脚本

不用慌,博主在此奉上脚本获取网站:greasyfork
文生技术博客
我们随便找个脚本为例:
文生技术博客
文生技术博客
安装完成之后我们打开爱奇艺测试,就爱情公寓5吧
文生技术博客

点击解析,即可免费观看

同理可得,其他脚本自己试一下,不会问我

如何自己编写油猴脚本

油猴脚本 = 元数据块 + 代码

脚本的元数据块:元数据块是描述脚本的一个用户脚本部分。它通常包含脚本名称,命名空间,描述和包含和排除规则。元数据块出现在JavaScript行注释中,可能会出现在脚本内的任何位置,但通常靠近文件的顶部。

  1. @name:脚本的名称。该项将显示在页面的标题以及链接内容,必填项
  2. @description:脚本功能的描述,显示在脚本标题下面,必填项。
  3. @namespace:这是一个 URL,用它来区分名称相同但是作者不同的用户脚本。如果您有一个域名,您可以使用它作命名空间。
  4. @version:脚本的版本标记将使用 Mozilla 版本格式 并显示于脚本的简介页面,必填项。
  5. @match:定义脚本要生效的 url 地址,该 url 地址可以使用正则匹配。
  6. @include:可选的,表示在指定的网站上执行您的用户脚本。可以明确的指定一个 URL,或者用通配符 * 来代替域名或路径中的部分字符。
  7. @exclude:可选的,表示在指定的网站上不执行用户脚本。
  8. @require:引用外部脚本到您的脚本
  9. @grant:用于添加GM_ 函数到白名单,例如unsafeWindow对象和一些强大的window函数。如果没有给出@grant标签Tampermonkey会猜测脚本需要。如果使用// @grant none,沙箱将被禁用,脚本将直接在页面上下文中运行。在此模式下,没有GM_ 函数,但GM_info属性仍然可用。
  10. @updateURL@installURL, @downloadURL:告知用户脚本管理器应该在哪个地址获取脚本更新。
  11. @license:脚本所使用的许可协议名称或地址,该协议需包含用户是否允许二次分发 或修改 脚本的权利。不提供许可协议则表示用户仅允许个人使用且不得二次分发;该协 议将在脚本的简介页面显示。
  12. @supportURL:用户可获得该脚本技术支持的链接地址 (如:错误反馈系统、论坛、电子 邮件),该链接将显示在脚本的反馈页面。
  13. @contributionURL:用于捐赠脚本作者的链接,该链接将显示在脚本的反馈页面。
  14. @contributionAmount:建议捐赠金额,请配合 @contributionURL 使用。
  15. @compatible:标记此脚本与某个浏览器兼容,兼容性信息将显示在脚本的简介页面上。
  16. @incompatible:标记此脚本与某个浏览器不兼容,兼容性信息将显示在脚本的简介页面上。

元数据块必须遵循以下格式:

    // ==UserScript==
    // @key value
    // ==/UserScript==

我们以vip电影解析为例

先配置好框架

    // ==UserScript==
    // @name         文生博客专用解析
    // @namespace    http://www.cwsya.com/
    // @version      1
    // @description  文生博客专用解析
    // @author       文生技术博客
    // @match       v.qq.com/x/cover/*
    // @match       *.mgtv.com/b/*
    // @match       *.le.com/ptv/vplay/*
    // @include       v.youku.com/v_show/*
    // @include       *.iqiyi.com/v_*
    // @include       *.tudou.com/albumplay/*
    // @include       *.wasu.cn/Play/show/id/*
    // @include       tv.sohu.com/20*
    // @include       film.sohu.com/album/*
    // @include       ddp.vip.pptv.com/vod_detail/*
    // @grant        none
    // ==/UserScript==

现在开始写代码:

    (function() {
        'use strict';
        window.location.href="http://jx.598110.com/?url="+window.location.href;
        // Your code here...
    })();

对,没错,代码就这点就可以完成,这是全部代码

    // ==UserScript==
    // @name         文生博客专用解析
    // @namespace    http://www.cwsya.com/
    // @version      1
    // @description  文生博客专用解析
    // @author       文生技术博客
    // @match       v.qq.com/x/cover/*
    // @match       *.mgtv.com/b/*
    // @match       *.le.com/ptv/vplay/*
    // @include       v.youku.com/v_show/*
    // @include       *.iqiyi.com/v_*
    // @include       *.tudou.com/albumplay/*
    // @include       *.wasu.cn/Play/show/id/*
    // @include       tv.sohu.com/20*
    // @include       film.sohu.com/album/*
    // @include       ddp.vip.pptv.com/vod_detail/*
    // @grant        none
    // ==/UserScript==
    
    (function() {
        'use strict';
        window.location.href="http://jx.598110.com/?url="+window.location.href;
        // Your code here...
    })();

效果自测,这次教程就到这里,转载请保留出处,有什么不懂就在下方留言

声明:文生技术博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 一个插件带你玩转浏览器 - 油猴脚本


做个俗人,贪财好色。