《DOM结构及其捕获与冒泡阶段事件流可视化》备忘记

陈帅华
陈帅华 编辑于 2021-08-01 09:12
阅读量: 133

点击在线体验《DOM结构及其捕获与冒泡阶段事件流可视化》

 

从任意URL获取页面HTML源码后,解析为能描述DOM树结构的父子节点关系的JSON格式的数据,最后借助D3可视化库将DOM树形结构可视化。该作品的意义包括:直观感受DOM树、DOM事件冒泡与捕获流;辅助优化HTML结构。

 

一、从URL生成

 

二、从本地HTML文件生成

陈帅华
陈帅华 这家伙很懒,什么都没留下
收藏 转发 评论