上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
12下一页
返回列表 发新帖

[油猴脚本开发指南]第一个脚本-HelloWorld

[复制链接]

84

主题

847

帖子

683

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
683

猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章

发表于 2020-12-5 11:26:10 | 显示全部楼层 | 阅读模式
打算写一些关于油猴脚本开发的资料,希望大家都能够写出属于自己的脚本!
暂时没有详细的规划,可能突然出现灵感就下笔了.大体预计是从易到难的更新.后期可能会进行整理.未经允许,禁止转载!

扩展主要使用:Tampermonkey,当然如果你使用其他的也没有关系,只要你熟悉它.后面都用油猴代称.本系列指南中,脚本也都指基于油猴使用的脚本.

本节主要内容:
描述脚本的作用和油猴,脚本的基本结构,创建一个脚本,使它能够在我们的论坛首页弹出'HelloWorld'的对话框

首先我对你的期望:
1.了解JavaScript和一些DOM操作
2.了解油猴之类的扩展的操作和使用

脚本的作用和油猴
脚本可内嵌至网页中,用以实现一些自动化的操作,有的脚本可以修改前端所展示的内容(比如广告屏蔽和一些内容展示),还有的脚本可以修改前端的一些逻辑和数据(比如修改你支付时的金额)等等.....它们方便我们的生活,也带来了一定危险,这一切取绝于你.

当然一个脚本是无法直接的做到上述内容的,所以我们需要一个工具那就是油猴.油猴它可以帮我们把脚本嵌入到你所想嵌入的网页中,让你的脚本运行起来.油猴还提供了很多api供脚本调用,用以实现一些单单靠前端js难以实现的内容和绕过一些安全限制.

通过油猴新建脚本
我们打开油猴的扩展面板,点击左边的这个+号
QQ截图20201205110145.jpg
然后就可以看见油猴帮你生成的一些代码,就像下面一样:
  1. // ==UserScript==
  2. // @name         New Userscript
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  try to take over the world!
  6. // @author       You
  7. // @match        http://*/*
  8. // @grant        none
  9. // ==/UserScript==

  10. (function() {
  11.     'use strict';

  12.     // Your code here...
  13. })();
复制代码
油猴的脚本需要包含很多属性,以便油猴识别你想在什么页面执行,需要什么api和权限,你脚本的一些作者信息支持网站是什么,等等.这里就不一一描述,可以前往油猴网站查看:https://www.tampermonkey.net/documentation.php?ext=dhdg

创建一个脚本,使它能够在我们的论坛首页弹出'HelloWorld'的对话框
接下来,修改上面的代码,实现能够在我们的论坛首页弹出'HelloWorld'的对话框,写好后的代码我将发布到脚本列表给大家玩玩(应该属于垃圾脚本,其他人不要发哦)

主要涉及match这个属性,它的作用是匹配网站,*表示通配// @match        http://*/*
修改为,匹配我们的论坛首页
// @match        https://bbs.tampermonkey.net.cn/

在代码中,// Your code here...处,写一个弹窗的代码:alert('HelloWorld')

然后Ctrl+S 快捷键保存,或者菜单也可以.
然后当你进入我们https://bbs.tampermonkey.net.cn/网站首页的时候就会弹出这个框框来欢迎你~(最好直接点击这个地址
QQ截图20201205112737.jpg

然后一个脚本就完成啦....当然,这是最最最最简单的一个,只是希望带你了解一下脚本的一个大概开发过程.

脚本地址:https://bbs.tampermonkey.net.cn/ ... hread&tid=89&extra=

后面将会有更多内容,有什么想法就在下面留言吧~

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


已有4人评分好评 油猫币 贡献 理由
懒男孩 + 1 + 3 + 1 ggnb!
淡淡的记忆 + 2 + 2 + 2 + 2 ggnb!
null + 2 + 2 很给力!
李恒道 + 2 + 1

查看全部评分 总评分:好评 +7  油猫币 +5  贡献 +6  +2 

上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥

1

主题

7

帖子

25

积分

新手上路

Rank: 1

积分
25
发表于 2020-12-7 11:03:39 | 显示全部楼层
谢谢谢谢,学到了,教程真的很好
回复

使用道具 举报

1

主题

3

帖子

26

积分

新手上路

Rank: 1

积分
26
发表于 2020-12-7 12:05:07 | 显示全部楼层
学到了,谢谢大佬
回复

使用道具 举报

30

主题

142

帖子

104

积分

版主

Rank: 7Rank: 7Rank: 7

积分
104

猫咪币纪念章突出贡献热心会员活跃会员

发表于 2021-1-8 19:39:59 | 显示全部楼层
交作业了
2021-01-08_193623.png
一叶叶,一声声,空阶滴到明。
回复

使用道具 举报

84

主题

847

帖子

683

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
683

猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章

发表于 2021-1-8 20:25:25 | 显示全部楼层
上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
回复

使用道具 举报

87

主题

335

帖子

232

积分

版主

Rank: 7Rank: 7Rank: 7

积分
232

猫咪币纪念章活跃会员热心会员三好学生中秋纪念章国庆纪念章

发表于 2021-1-18 19:41:50 | 显示全部楼层
为什么匹配网页去掉了/forum.php
提及少年一词,应与平庸相斥!微信公众号——智家乐享
回复

使用道具 举报

84

主题

847

帖子

683

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
683

猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章

发表于 2021-1-18 20:57:33 | 显示全部楼层
网络小白 发表于 2021-1-18 19:41
为什么匹配网页去掉了/forum.php

我这里的首页是 https://bbs.tampermonkey.net.cn/ 反正就是按照url来的啦
上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
回复

使用道具 举报

87

主题

335

帖子

232

积分

版主

Rank: 7Rank: 7Rank: 7

积分
232

猫咪币纪念章活跃会员热心会员三好学生中秋纪念章国庆纪念章

发表于 2021-1-18 22:38:37 | 显示全部楼层
王一之 发表于 2021-1-18 20:57
我这里的首页是 https://bbs.tampermonkey.net.cn/ 反正就是按照url来的啦

那为什么我的是https://bbs.tampermonkey.net.cn/forum.php
提及少年一词,应与平庸相斥!微信公众号——智家乐享
回复

使用道具 举报

84

主题

847

帖子

683

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
683

猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章

发表于 2021-1-18 22:44:02 | 显示全部楼层
网络小白 发表于 2021-1-18 22:38
那为什么我的是https://bbs.tampermonkey.net.cn/forum.php

这个也是首页 应该是你有什么操作进到了这个页面
上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
回复

使用道具 举报

0

主题

6

帖子

3

积分

新手上路

Rank: 1

积分
3
发表于 2021-3-4 18:04:51 | 显示全部楼层
长知识了:lol:lol:lol
回复

使用道具 举报

发表回复

本版积分规则

快速回复 返回顶部 返回列表