tampermonkey 脚本编写编码基础：document的操作、 jquery的操作 2024-08-01 脚本编写

编码基础：document的操作、 jquery的操作

2024-08-01

脚本 - 小脚本编写

教程以及更新已经迁移至：learn.scriptcat.org/

[油猴脚本开发指南]第一个脚本-HelloWorld bbs.tampermonkey.net.cn/thread-88-1…

[油猴脚本开发指南]脚本自动化之模拟点击和表单填写 bbs.tampermonkey.net.cn/thread-91-1…

[油猴脚本开发指南]grant介绍,none与unsafeWindow bbs.tampermonkey.net.cn/thread-160-…

[油猴脚本开发指南]沙盒机制的前世今生（课外篇，可不看） bbs.tampermonkey.net.cn/thread-182-…

[油猴脚本开发指南]h5视频倍速,时间加速和run-at bbs.tampermonkey.net.cn/thread-176-…

[油猴脚本开发指南]脚本ajax的跨域请求 bbs.tampermonkey.net.cn/thread-136-…

[油猴脚本开发指南]脚本往页面上添加新元素 bbs.tampermonkey.net.cn/thread-237-…

[油猴脚本开发指南]外部资源引用 bbs.tampermonkey.net.cn/thread-249-…

[油猴脚本开发指南]右键菜单与GM_get/setValue函数 bbs.tampermonkey.net.cn/thread-271-…

[油猴脚本开发指南]特别篇Jquery引用 bbs.tampermonkey.net.cn/thread-275-…

油猴脚本开发指南]使用GM_addStyle去除网页广告 bbs.tampermonkey.net.cn/thread-274-…

[油猴脚本开发指南]油猴hook - 实现b站评论小尾巴 bbs.tampermonkey.net.cn/thread-429-…

油猴脚本开发指南]简易this教程 bbs.tampermonkey.net.cn/thread-549-…

[油猴脚本开发指南]简易感受this的例子 bbs.tampermonkey.net.cn/thread-550-…

[油猴脚本开发指南]去除网页广告以及去除元素 bbs.tampermonkey.net.cn/thread-688-…

[油猴脚本开发指南]箭头函数的特性 bbs.tampermonkey.net.cn/thread-720-…

[油猴脚本开发指南]原型与原型链 bbs.tampermonkey.net.cn/thread-744-…

[油猴脚本开发指南]XHR劫持代码原理解释 bbs.tampermonkey.net.cn/thread-752-…

[油猴脚本开发指南]对象的数据劫持代码 bbs.tampermonkey.net.cn/thread-753-…

[油猴脚本开发指南]Proxy的使用 bbs.tampermonkey.net.cn/thread-765-…

[油猴脚本开发指南]Reflect的使用 bbs.tampermonkey.net.cn/thread-803-…

[油猴脚本开发指南]基本油猴编程的一些常见误区 bbs.tampermonkey.net.cn/thread-835-…

[油猴脚本开发指南]XHR的返回内容劫持 bbs.tampermonkey.net.cn/thread-839-…

[油猴脚本开发指南]实战抖音短视频无水印下载 bbs.tampermonkey.net.cn/thread-873-…

[油猴脚本开发指南]XHR实战百度自定义分享码 bbs.tampermonkey.net.cn/thread-877-…

[油猴脚本开发指南]Promise基础解释 bbs.tampermonkey.net.cn/thread-878-…

[油猴脚本开发指南]Promise常用函数与语法糖 bbs.tampermonkey.net.cn/thread-881-…

[油猴脚本开发指南]包装异步代码为同步代码 bbs.tampermonkey.net.cn/thread-883-…

[油猴脚本开发指南]Promise执行顺序问题 bbs.tampermonkey.net.cn/thread-894-…

[油猴脚本开发指南]理解fetch劫持 bbs.tampermonkey.net.cn/thread-896-…

[油猴脚本开发指南]实战fetch劫持知乎去广告 bbs.tampermonkey.net.cn/thread-912-…

[油猴脚本开发指南]实战fetch劫持快手无水印视频 bbs.tampermonkey.net.cn/thread-927-…

[油猴脚本开发指南]addEventListener劫持 bbs.tampermonkey.net.cn/thread-967-…

[油猴脚本开发指南]script标签初始化对象劫持 bbs.tampermonkey.net.cn/thread-979-…

[油猴脚本开发指南]MutationObserver的使用 bbs.tampermonkey.net.cn/thread-988-…

[油猴脚本开发指南]Mutation Event性能影响简易测试 bbs.tampermonkey.net.cn/thread-1006…

[油猴脚本开发指南]MutationObserver简单详解 bbs.tampermonkey.net.cn/thread-1007…

[油猴脚本开发指南]MutationObserver简易例子 bbs.tampermonkey.net.cn/thread-1008…

[油猴脚本开发指南]MutationObserver实战 bbs.tampermonkey.net.cn/thread-1017…

[油猴脚本开发指南]Fetch劫持的第二种方式 bbs.tampermonkey.net.cn/thread-1020…

[油猴脚本开发指南]油猴脚本调用Vue bbs.tampermonkey.net.cn/thread-1030…

[油猴脚本开发指南]修改Vue3代码兼容油猴 bbs.tampermonkey.net.cn/thread-1035…

[油猴脚本开发指南]油猴脚本调用element plus bbs.tampermonkey.net.cn/thread-1038…

[油猴脚本开发指南]魔改Element plus bbs.tampermonkey.net.cn/thread-1039…

[油猴脚本开发指南]延迟查询元素代码解读 bbs.tampermonkey.net.cn/thread-1058…

[油猴脚本开发指南]破解鼠标移出限制实战 bbs.tampermonkey.net.cn/thread-1060…

[油猴脚本开发指南]Proxy与defineProperty性能分析 bbs.tampermonkey.net.cn/thread-1062…

[油猴脚本开发指南]监控对象初始化属性分析 bbs.tampermonkey.net.cn/thread-1063…

[油猴脚本开发指南]CSS基础之元素基础 bbs.tampermonkey.net.cn/thread-1067…

[油猴脚本开发指南]CSS基础之字体控制 bbs.tampermonkey.net.cn/thread-1068…

[油猴脚本开发指南]CSS基础之元素定位 bbs.tampermonkey.net.cn/thread-1072…

[油猴脚本开发指南]CSS基础之弹性布局 bbs.tampermonkey.net.cn/thread-1074…

[油猴脚本开发指南]新阶段开篇前文 bbs.tampermonkey.net.cn/thread-1075…

[油猴脚本开发指南]VUE入门概念 bbs.tampermonkey.net.cn/thread-1076…

[油猴脚本开发指南]VUE数据绑定的响应原理 bbs.tampermonkey.net.cn/thread-1077…

[油猴脚本开发指南]VUE点击按钮 bbs.tampermonkey.net.cn/thread-1081…

[油猴脚本开发指南]响应式编辑框 bbs.tampermonkey.net.cn/thread-1083…

[油猴脚本开发指南]魔改toastr bbs.tampermonkey.net.cn/thread-1084…

[油猴脚本开发指南]toastr引用 bbs.tampermonkey.net.cn/thread-1085…

[油猴脚本开发指南]循环绘制 bbs.tampermonkey.net.cn/thread-1087…

[油猴脚本开发指南]循环Key的作用 bbs.tampermonkey.net.cn/thread-1088…

[油猴脚本开发指南-难度超标，暂时移除]简明diff(一) bbs.tampermonkey.net.cn/thread-1094…

[油猴脚本开发指南-难度超标，暂时移除]简明diff(二) bbs.tampermonkey.net.cn/thread-1095…

[油猴脚本开发指南-难度超标，暂时移除]简明diff(三) bbs.tampermonkey.net.cn/thread-1101…

[油猴脚本开发指南-难度超标，暂时移除]简明diff(四) bbs.tampermonkey.net.cn/thread-1105…

[油猴脚本开发指南]条件判断 bbs.tampermonkey.net.cn/thread-1116…

[油猴脚本开发指南]v-show bbs.tampermonkey.net.cn/thread-1117…

[油猴脚本开发指南]NPM发布魔改包 bbs.tampermonkey.net.cn/thread-1123…

[油猴脚本开发指南]GM存储函数 bbs.tampermonkey.net.cn/thread-1133…

[油猴脚本开发指南]vue组件 bbs.tampermonkey.net.cn/thread-1136…

[油猴脚本开发指南]with解决require引入问题 bbs.tampermonkey.net.cn/thread-1146…

[油猴脚本开发指南]filesaver解决前端下载 bbs.tampermonkey.net.cn/thread-1147…

[油猴脚本开发指南]JSZIP库压缩解压文件 bbs.tampermonkey.net.cn/thread-1150…

[油猴脚本开发指南]JSZIP库实战 bbs.tampermonkey.net.cn/thread-1198…

[油猴脚本开发指南]XHR劫持的第二种格式 bbs.tampermonkey.net.cn/thread-1201…

[油猴脚本开发指南]SweetAlert2的漂亮对话框 bbs.tampermonkey.net.cn/thread-1203…

[油猴脚本开发指南]元素规则校验和检测的触发 bbs.tampermonkey.net.cn/thread-1250…

[油猴脚本开发指南]SweetAlert2进阶 bbs.tampermonkey.net.cn/thread-1303…

[油猴脚本开发指南]基础的网页调试(一) bbs.tampermonkey.net.cn/thread-1383…

[油猴脚本开发指南]基础的脚本调试(二) bbs.tampermonkey.net.cn/thread-1386…

[油猴脚本开发指南]基础的网络分析(三) bbs.tampermonkey.net.cn/thread-1389…

[油猴脚本开发指南]实战React数据提取抖音视频 bbs.tampermonkey.net.cn/thread-1405…

[油猴脚本开发指南]Vue初探__vue__ bbs.tampermonkey.net.cn/thread-1425…

[油猴脚本开发指南]通过__vue__获取数据 bbs.tampermonkey.net.cn/thread-1438…

[油猴脚本开发指南]实战秒杀快手视频提取 bbs.tampermonkey.net.cn/thread-1441…

[油猴脚本开发指南]应用 & 组件实例 bbs.tampermonkey.net.cn/thread-1491…

[油猴脚本开发指南]模板语法 bbs.tampermonkey.net.cn/thread-1499…

[油猴脚本开发指南]基本油猴编程的一些常见误区(二) bbs.tampermonkey.net.cn/thread-1537…

[油猴脚本开发指南]本地文件访问权限与外部开发 bbs.tampermonkey.net.cn/thread-1550…

[油猴脚本开发指南]完善抖音脚本键盘事件 bbs.tampermonkey.net.cn/thread-1709…

[油猴脚本开发指南]querySelector与css选择器入门 bbs.tampermonkey.net.cn/thread-1821…

[油猴脚本开发指南]Layui库引入扩展模块路径解决方法 bbs.tampermonkey.net.cn/thread-1910…

参考：

[1]. 油猴脚本开发指南教程目录 bbs.tampermonkey.net.cn/thread-184-…

2024-08-01

脚本 - 本地调试

篡改猴火狐浏览器加载引入文件的时候提示

require: couldn't load @require from URL 'D:\WORKSPACE\youhou\demo-userscript\dist\main.dev.user.js': unknown error

解决方案：放弃用谷歌浏览器，我因为平常用的是chrome, 为安全起见，下载了chrome的dev版本，用dev版安装篡改猴

直接嵌入脚本（麻烦,不好调试，pass）

使用在线托管服务（多步操作，繁琐，不推荐）

// 上传文件：
// 将 main.dev.user.js 文件上传到 GitHub Gist 或其他服务。

// 修改 @require 路径：
// 使用上传后生成的 URL。

// ==UserScript==
// @name         demo-userscript Dev
// @namespace    demo-userscript
// @descript     demo
// @version      0.0.0
// @include      *
// @run-at       document-end
// @require      https://gist.githubusercontent.com/username/gistid/raw/main.dev.user.js
// ==/UserScript==

3.使用本地服务器 (推荐) cmd

npm install -g http-server

打包目录下

cd D:\WORKSPACE\youhou\demo-userscript\dist
http-server

修改 require

// ==UserScript==
// @name         demo-userscript Dev
// @namespace    demo-userscript
// @description  demo
// @version      0.0.0
// @include      *
// @run-at       document-end
// @require      http://localhost:8080/main.dev.user.js
// ==/UserScript==

指定端口

http-server -p 3000

其他选项 http-server 还有其他一些有用的选项，例如：

-a 或 --address：指定服务器地址，例如 127.0.0.1。
-c 或 --cache：设置缓存最大期限（以秒为单位）。
-o 或 --open：启动服务器后自动打开默认浏览器。

4.调整用户脚本管理器设置（能用，推荐）某些用户脚本管理器可能允许禁用安全限制以加载本地文件

添加头file:///

// @require      file:///D:/WORKSPACE/youhou/demo-userscript/dist/main.dev.user.js

参考：

[1]. 油猴脚本本地调试 juejin.cn/post/728815…

[2]. 【轻松上手】油猴脚本开发 juejin.cn/post/702265…

2024-07-31

认识

1.安装

百度一下 edge：microsoftedge.microsoft.com/addons/deta…

chrome：chromewebstore.google.com/detail/%E7%…

firefox: addons.mozilla.org/en-US/firef…

2.脚本商店(不要造轮子)

www.userscript.zone/

greasyfork.org/zh-CN

openuserjs.org/

gist.github.com/search?l=Ja…

3.其他相关插件

www.crxsoso.com/

4.脚本文档

文档：www.tampermonkey.net/documentati…

5.脚本框架

脚手架 create-tampermonkey

6.脚本认识

(转)油猴插件（Tampermonkey）API(juejin.cn/post/739805…)