前端油猴脚本开发小技巧笔记-Toy模板网

这篇具有很好参考价值的文章主要介绍了前端油猴脚本开发小技巧笔记。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

调试模式下，单击选中某dom代码，控制台里可以用$0访问到该dom对象。
$0.__vue___ 可以访问到该dom对应的vue对象。
jquery 对象 a,a[0]是对应的原生dom对象，$(原生对象) 得到对应的 jquery 对象。
jquery 选择器，加空格是匹配下一级，紧密排列是且，[a=b]匹配属性。jquery对象find可以继续筛选下一级。
控制台直接输入函数名，可以打印出该函数的代码，继续点击代码可以跳转到对应的代码位置。
查找某个按钮绑定的vue原始函数，可以通过1、2、5来找。

监听属性

function spyObjSetter(obj, prop, func, spyId) {
   const propertyName = Object.getOwnPropertyDescriptor(obj, prop);
   var setter = propertyName.set;
   if(spyId && propertyName.set['spyId'] == spyId) {
       return;
   }

   var proObj = {
       set(value) {
           var old = obj[prop];
           setter.call(obj, value);
           if(old != value) {
               func(old, value);
           }
       }
   }
   if(spyId) {
       proObj.set['spyId'] = spyId;
   }

   Object.defineProperty(obj, prop, proObj);
}

function spyObjGetter(obj, prop, func) {
   const propertyName = Object.getOwnPropertyDescriptor(obj, prop);
   var getter = propertyName.get;

   Object.defineProperty(obj, prop, {
       get() {
           getter.call(obj);
           func();
       }
   }
   );
}

监听函数

  Function.prototype.after = function(fun){
            var self = this;
            return function(){
                var agent = self.apply(this,arguments);
                fun.apply(this,arguments);
                return agent;
            }
        }
        Function.prototype.before = function(fun){
            var self = this;
            return function(){
                fun.apply(this,arguments);
                var agent = self.apply(this,arguments);
                return agent;
            }
        }
        getUser = getUser
        .before(
            function(){
                //代码
            }
        )
        .after(
            function(){
                //代码
            }
        )

setTimeout这么写 setTimeout(function(){vueAopOne()}, 500);
无法监听的到值可以无脑setTimeout低配替代。
查找某个按钮绑定事件是哪个函数，可以某个执行位置打断点，然后向上查找调用栈，再利用5查找。
vue对象可以通过parent和child来寻找指定对象。
vue代码method里的方法位置是vue对象的根目录，data里的变量也是。
vue.$opition.propsData 是属性位置。文章来源地址https://www.toymoban.com/news/detail-670167.html