一个简单的小技巧,监控网页所有动态标签创建的调用处
生活随笔
收集整理的這篇文章主要介紹了
一个简单的小技巧,监控网页所有动态标签创建的调用处
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
很多復(fù)雜的網(wǎng)站都會(huì)用API document.createElement動(dòng)態(tài)創(chuàng)建新的標(biāo)簽,因?yàn)檫@個(gè)api是瀏覽器原生實(shí)現(xiàn),無法在其實(shí)現(xiàn)方法的源代碼里設(shè)置斷點(diǎn),但我們可以采用另一種方式間接地實(shí)現(xiàn)設(shè)置斷點(diǎn)的方法:
<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>只需要在網(wǎng)頁(yè)里添加這段JavaScript代碼,即可實(shí)現(xiàn)需求:
要獲取更多Jerry的原創(chuàng)文章,請(qǐng)關(guān)注公眾號(hào)"汪子熙":
總結(jié)
以上是生活随笔為你收集整理的一个简单的小技巧,监控网页所有动态标签创建的调用处的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 通信、续航已干翻苹果 赵明:荣耀还要比肩
- 下一篇: Angular应用的angular.js