打算写一些关于油猴脚本开发的资料,希望大家都能够写出属于自己的脚本!
暂时没有详细的规划,可能突然出现灵感就下笔了.大体预计是从易到难的更新.后期可能会进行整理.未经允许,禁止转载!
扩展主要使用: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
后面将会有更多内容,有什么想法就在下面留言吧~
文章评论