|
|
打算写一些关于油猴脚本开发的资料,希望大家都能够写出属于自己的脚本!
暂时没有详细的规划,可能突然出现灵感就下笔了.大体预计是从易到难的更新.后期可能会进行整理.未经允许,禁止转载!
扩展主要使用: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...
- })();
创建一个脚本,使它能够在我们的论坛首页弹出'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/ ... hread&tid=89&extra=
后面将会有更多内容,有什么想法就在下面留言吧~
第二篇:[油猴脚本开发指南]脚本自动化之模拟点击和表单填写
https://bbs.tampermonkey.net.cn/thread-91-1-1.html
|
-
查看全部评分
总评分：好评 +8
油猫币 +12
贡献 +6
+2
|
置顶卡
沉默卡
照妖镜
