油猴脚本入门1

首先要先配环境：

我用的是谷歌浏览器：



浏览器出现这样表示安装成功

然后是写脚本：


然后开始编写：

脚本整体结构就是如此了，name 是指代你的脚本名称，namespace 是命名空间，可以用你的网站名称，version 是你的脚本当前版本，这样别人如果使用了你的脚本，还可以及时更新。description 是对你的脚本的描述，例如：百度超级VIP破解 等等，author 是你的大名，match 是你的脚本在匹配到什么 url 时才触发生效。

在开始接下来的实例的时候，你需要准备的知识有：

HTML+Javascript+jQuery

修改我们的脚本内容如下：

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

(function() {
    'use strict';

    // Your code here...

    alert("我来学习油猴脚本！");


})();

然后保存，是这样的界面：

然后直接随便打开一个网站，就会执行脚本：

这样，你的第一个脚本就已经开发完成了。
接下来，我们可以进阶一下，对百度的 logo 做点变化，每次打开百度都给他来一张鞠婧祎的图片。
通过 Chrome 的审查元素功能，知道这个 logo 是在一个 id 为 lg 的 div 下的，我们只要替换这个 div 或者里面的 img 的 src 属性值即可，这里粗暴的替换 div 的内容就行。

这里有两个小坑：
提示“$”符不识别，加入以下代码：

var $ = unsafeWindow.jQuery;

这样就可以使用$("#id")的方式来使用JQuery了！
setTimeout不识别
greasemonkey中需要以下面的方式才能使用setTimeout：

window.reloadPage=function(){  
    window.location.reload();  
}  
var ints=setTimeout(reloadPage,500);  

然后上代码：

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://*/*
// @grant        unsafeWindow
// @require      https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js
// @include      @
// ==/UserScript==
(function() {
    'use strict';
    alert("我来学习油猴脚本！");
    //alert("鞠婧祎是我的！");
    var lg = unsafeWindow.jQuery('lg');
    if(lg ==1)
    {
        unsafeWindow.jQuery(lg).html("");
    }
})();

最后效果：

百度现在也是越来越骚了。。

持续更新学习油猴脚本，欢迎交流讨论