Tampermonkey插件开发-0001

说明

• 使用 Tampermonkey 进行添加脚本插件
• Tampermonkey 安装地址 Chrome 网上应用
• 学习地点[B站猫叔] BV1nh411o7cp
• 学习地点[程序员秘密] qq_41145983
• 学习地点[知乎] 知乎
• 学习地点[文档地址] Tampermonkey 文档地址

脚本插件收录 (以下链接可能随时失效 记录: 2021-11-28)

• Bilibili-Evolved
• 百度网盘简易下载助手 | 文档
• 自用的一些乱七八糟 油猴脚本
• 获取youtube视频和字幕的下载链接
• redirect 外链跳转
• 移除百度推广和广告内容
• 网盘智能识别助手
• 阿里云盘

步骤

• 先进行安装 Tampermonkey
• 安装后点击工具栏的顶部右侧按钮 扩展程序
• 在 扩展程序 中找到 Tampermonkey, 点击
• 选择添加新脚本
• 浏览器会打开新的页面, 在里面通过js代码实现插件功能

// !!注意, 此脚本页面作备注使用不能直接作为脚本插件使用
// 脚本第一行应该是 ==UserScript==
// ==UserScript== 到 ==UserScript== 为头部信息

// ==UserScript==
// @name         New Userscript | 脚本插件名称
// @namespace    http://tampermonkey.net/
// @version      0.1 | 版本号
// @description  try to take over the world! | 脚本插件描述
// @author       You | 作者
// @match        https://greasyfork.org/zh-CN/scripts/425955-%E9%98%BF%E9%87%8C%E4%BA%91%E7%9B%98 | 匹配网站 至少有一个, 可多个
// @icon         https://www.google.com/s2/favicons?domain=greasyfork.org | 图标
// @grant        none
// ==/UserScript==

// @namespace 与 @name 这两个属性被作为脚本的唯一标识符, 用户脚本管理器根据它们来判断一个脚本是否已安装 命名空间
// @match 要在哪些网站使用该脚本,亦可使用include,此外可以用exclude来排除某些网站包含的页面
// @require 可通过此头信息本地副本 (但建议使用线上或cdn链接) | 也就是说这个头信息可以用来加载脚本的例如jq vue
// @updateURL, @installURL, @downloadURL
// 告知用户脚本管理器应该在哪个地址获取脚本更新。Greasy Fork 将自动修改该属性使其永远通过 Greasy Fork 进行更新
// @grant 这个属性可用来申请GM_*函数和unsafeWindow权限.相当于放在脚本header里面告诉油猴扩展,你需要用些什么东西,然后它就会给你相应的权限
// @connect 此标签定义域(无顶级域), 包括允许通过GM_xmlhttpRequest检索的子域

(function() {
    'use strict';

    // Your code here...
})();

// ==UserScript==
// @name         测试
// @namespace    http://tampermonkey.net/
// @version      2021.1128.1028
// @description  这仅用于测试与学习开发tampermonkey脚本
// @author       CY3761
// @match        *://*.baidu.com/*
// @icon         https://gitee.com/static/images/logo-en.svg
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    console.log('这是CY3761的Tampermonkey测试脚本')
    console.log(new Date().getTime())

    console.log(document.title)
})();

这仅仅测试是否可以, 感觉是可以了