Tampermonkey[油猴插件]开发者的神级工具!

油猴插件介绍和使用

插件介绍

Tampermonkey是一款免费的浏览器扩展和最为流行的用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。
以上是油猴官网给出的介绍。它可以让用户自行在添加脚本，并在开启对应页面时应用。如果你了解"脚本注入"，你可以把它认为是一个给自己注入脚本的一个工具。

输出Hello world

打开一个网页后，点击油猴图标。选择添加新脚本，就会自动添加一个脚本如下
其中上半部分声明了这个脚本的信息，脚本写到下面的闭包里。

这里写一个alert保存后刷新原来的页面。

就可以看到脚本已经执行，插件标签也提示一个脚本执行。

实战应用

文档生成代码

我们接一些第三方服务的时候，有可能第三方并没有提供具体的SDK。这时候我们就需要自己按照文档来自行编码。以创建实体类来说每个字段的，字段名，字段类型，是否必填，注释等。这些如果一个个来写将会非常麻烦。如果这种实体还会有很多个，光写实体就会浪费我们很多时间。比如下图这个文档：

写这个脚本很简单，只需要找到table把字段拼成所需的格式就行了。

(function() {
    'use strict';

    // Your code here...
    //var tds = $("td");
    var tables = $("table");
    for(var j=0;j<tables.length;j++){
        var text = "";
        var tds = $(tables[j]).find("td");
        for(var i=1;i<tds.length+1;i++){
            if(i%4==0){
                try
                {
                    text +=( '</br>/**'+tds[i-1].innerText+'*/</br>'+'private '+changeType(tds[i-3].innerText)+" "+tds[i-4].innerText+'; //必填-'+tds[i-2].innerText);
                }catch(err){}
            }
        }
        $(tables[j]).append("<tr><td colspan='4'><textara>"+text+"</textara></td></tr>");
    }
})();

function changeType(type){
    if(type=='int'){
        return "Integer";
    }else{
        return type;
    }
}

运行结果

这样我们就可以直接复制使用，节省大把时间。当然实际应用场景不单单是这些，大家可以根据自己的场景，写出对应的脚本来解决这些繁琐工作。