一个简单的小技巧,监控网页所有动态标签创建的调用处

    科技2022-07-11  88

    很多复杂的网站都会用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代码,即可实现需求:

    要获取更多Jerry的原创文章,请关注公众号"汪子熙":

    汪子熙 认证博客专家 前端框架 Node.js SAP JerryWang,2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师,SAP中国技术大使。2020年5月下旬,Jerry做了脑部肿瘤的开颅切除手术,对编程和人生又有了新的感悟。
    Processed: 0.027, SQL: 8