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

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

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

image.png


相关文章
|
4月前
|
JSON 定位技术 数据格式
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
34 0
|
4月前
|
JavaScript 前端开发 定位技术
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【账号和获取密钥、初始化、变更地图类型、添加控件、改变控件位置、添加覆盖物、自定义标注图标、添加文本标注】(四)-全面详解(学习总结---从入门到深化)
35 0
|
5月前
【代码片段】模拟人工访问页面
【代码片段】模拟人工访问页面
|
小程序 API
【小程序】案例 - 本地生活(列表页面)
【小程序】案例 - 本地生活(列表页面)
101 0
【小程序】案例 - 本地生活(列表页面)
|
存储 开发框架 前端开发
ModStartCMS v5.5.0 页面标签支持,用户逻辑优化
ModStart 是一个基于 Laravel 模块化极速开发框架。模块市场拥有丰富的功能应用,支持后台一键快速安装,让开发者能快的实现业务功能开发。
|
小程序 开发者
小程序__02--navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
|
前端开发 开发者
评论列表案例-创建 CmtList 组件并渲染基本页面结构|学习笔记
快速学习评论列表案例-创建 CmtList 组件并渲染基本页面结构
109 0
评论列表案例-创建 CmtList 组件并渲染基本页面结构|学习笔记
|
前端开发
评论列表案例-创建CmtList组件并渲染基本页面结构
评论列表案例-创建CmtList组件并渲染基本页面结构
评论列表案例-创建CmtList组件并渲染基本页面结构
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
390 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态