1. 油猴是个啥?
一款免费的浏览器扩展和最为流行的用户脚本管理器,可以通过安装各类脚本对网站进行定制,或者编写脚本来改变被访问网页的功能
2. 安装脚本管理器
- Chrome:可以去官网安装:www.tampermonkey.net/,或者chrome商店安装
3. 脚本源
官方脚本源:
⚠️需要注意的是,安装未知脚本是很不安全的,这些脚本可以监听网络请求,按键等敏感操作,所以必须安装可信来源的脚本,或者在安装前审阅源代码,检查代码中是否包含敏感操作。
4. 自定义脚本
- 点击“添加新脚本”
- 跳转到脚本编辑器,代码头/元数据是默认自带的。每个脚本都含有一段元数据,用来向tampermonkey描述自身信息
// ==UserScript==
// @name New Userscript //脚本名称
// @namespace http://tampermonkey.net/ //命名空间,用来区分名称相同但作者不同的脚本,一般是作者个人网址
// @version 0.1 //版本号
// @description try to take over the world! // 脚本功能描述
// @author You //作者名称
// @match https://www.baidu.com/ // 脚本匹配的网站,
// @icon https://www.google.com/s2/favicons?sz=64&domain=yuque.com
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Your code here...
})();
- 下面我们来编写一个脚本,当我们打开百度搜索页时,自动填入关键词tampermonkey并跳转搜索
// ==UserScript==
// @name 百度搜索:一键输入关键字搜索
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You
// @match https://www.baidu.com/
// @icon https://www.google.com/s2/favicons?sz=64&domain=baidu.com
// @grant none
// ==/UserScript==
(function() {
'use strict';
// Your code here...
//var input=document.getElementByClassName("nav-search-input")[0]
var input =document.getElementById("kw")
input.value="tampermonkey"
window.search=function(){
document.getElementById("su").click()
}
window.setTimeout("search()",300)
})();
- 保存用户脚本,点击保存,脚本文件就自动加载到油猴里面
点击管理面板,可以对脚本进行管理、编辑、删除
- 至此,第一个脚本就已经开发完成了,每次打开百度搜索页面,都会自动输入关键词“tampermonkey”搜索