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;
    }
}

运行结果

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

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值