爱编码的Farmer

  • 主页
  • 编程开发
  • 运营维护
  • 随心笔记
  • 留言页面
  • 打赏
爱编码的Farmer
我是Farmer,我为自己代言
  1. 首页
  2. 编程开发
  3. 教程笔记
  4. 正文

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

2021年1月12日 4567点热度 14人点赞 0条评论

打算写一些关于油猴脚本开发的资料,希望大家都能够写出属于自己的脚本!
暂时没有详细的规划,可能突然出现灵感就下笔了.大体预计是从易到难的更新.后期可能会进行整理.未经允许,禁止转载!

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

本节主要内容:

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

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

脚本的作用和油猴

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

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

通过油猴新建脚本
我们打开油猴的扩展面板,点击左边的这个+号

然后就可以看见油猴帮你生成的一些代码,就像下面一样:

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

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

油猴的脚本需要包含很多属性,以便油猴识别你想在什么页面执行,需要什么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/网站首页的时候就会弹出这个框框来欢迎你~(最好直接点击这个地址)

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

脚本地址:https://bbs.tampermonkey.net.cn/thread-89-1-1.html

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

标签: tampermonkey 油猴
最后更新:2021年1月12日

Farmer

不敢说什么

点赞
< 上一篇

文章评论

取消回复

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据。

COPYRIGHT © 2021 icodef.com. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

湘ICP备19008073号