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

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

  [复制链接]
  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    284

    主题

    3810

    回帖

    3739

    积分

    管理员

    积分
    3739

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 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


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

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

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

    该用户从未签到

    1

    主题

    6

    回帖

    25

    积分

    助理工程师

    积分
    25

    新人报道

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

    使用道具 举报

    该用户从未签到

    1

    主题

    2

    回帖

    5

    积分

    助理工程师

    积分
    5

    油中3周年油中2周年

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

    使用道具 举报

  • TA的每日心情
    开心
    2024-2-28 14:15
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    37

    主题

    223

    回帖

    350

    积分

    版主

    积分
    350

    油中2周年生态建设者

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

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    284

    主题

    3810

    回帖

    3739

    积分

    管理员

    积分
    3739

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

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

    使用道具 举报

  • TA的每日心情
    慵懒
    2023-5-5 13:37
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    117

    主题

    404

    回帖

    708

    积分

    版主

    积分
    708

    油中2周年油中3周年

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

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    284

    主题

    3810

    回帖

    3739

    积分

    管理员

    积分
    3739

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    2023-5-5 13:37
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    117

    主题

    404

    回帖

    708

    积分

    版主

    积分
    708

    油中2周年油中3周年

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

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

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    284

    主题

    3810

    回帖

    3739

    积分

    管理员

    积分
    3739

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

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

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

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-6 13:31
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    8

    回帖

    6

    积分

    助理工程师

    积分
    6

    新人报道

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

    使用道具 举报

    发表回复

    本版积分规则

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