监控动态建立的script标签

动态建立script标签很经常使用,比方jsonp、amd 等等手艺都邑用到, 有时候我们会愿望可以监控和阻拦动态建立的script标签。
下面供应了一种代办document.createElement的方法来监控。

var _createElement = document.createElement
var __define_src = function(script){
  var src
  Object.defineProperty(script,'src',{
    get : function(){
      return src
    },
    set : function(s){
      src = s
      script.setAttribute('src',s)
    }
  })

  var _setAttribute = script.setAttribute
  script.setAttribute = function(){
    var args = Array.prototype.slice.call(arguments)
    if(args[0] === 'src'){
      //do something here
      console.log('setAttribute',args[1])
    }
    _setAttribute.apply(script,args)
  }
}

document.createElement = function(tagName){
  var dom
  dom = _createElement.call(document,tagName)
  if(tagName.toLowerCase() === 'script'){
    __define_src(dom)
  }
  return dom
}

上面的代码加载完后,就可以监控到 script.src 或许 script.setAttribute 两种体式格局加载的JS了

var script = document.createElement('script')
script.src = 'http://s11.cnzz.com/z_stat.php?id=1256295486&web_id=1256295486'
script.setAttribute('src','https://s11.cnzz.com/z_stat.php?id=1256295486&web_id=1256295486')

原文 https://friskfly.github.io/2016/04/12/%E7%9B%91%E6%8E%A7%E5%8A%A8%E6%80%81%E5%88%9B%E5%BB%BA%E7%9A%84script%E6%A0%87%E7%AD%BE/

    原文作者:friskfly
    原文地址: https://segmentfault.com/a/1190000004972832
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞