一個簡單的小技巧，監控網頁所有動态标簽建立的調用處

很多複雜的網站都會用API document.createElement動态建立新的标簽，因為這個api是浏覽器原生實作，無法在其實作方法的源代碼裡設定斷點，但我們可以采用另一種方式間接地實作設定斷點的方法：

<script>
      console.log("Jerry");
      var scripts = document.querySelectorAll("script");
      var old = document.createElement;
      var _this = window.document;
      document.createElement = function(input){
        console.log("trying to create new tag: " + input);
        return old.call(_this, input);
      }
      debugger;
    </script>      

隻需要在網頁裡添加這段JavaScript代碼，即可實作需求：