chrome page graph:Chrome扩展程序用于生成交互式页面相关性图 源码

页面图 Chrome扩展程序可生成交互式页面依赖性图。 上面显示了从主页获得的图形。 现场演示。 描述 此PoC利用公开的事件的字段来构建选项卡在特定时间间隔内加载的对象的依赖关系图。 每个节点代表一个HTTP对象,因此由其URL标识。 节点的颜色表示对象类型:图像,样式表等。 箭头可以解释为已按关系加载,并且多个箭头表示所有目标均负责源节点(即AJAX堆栈跟踪的每个元素)的加载。 当多次请求相同的URL时,将添加一个占位符(空)节点,并且所有实例均通过虚线链接回该URL。 在这种情况下,只有占位符节点可以成为关系的目标。 建立 在本地安装依赖项: cd bundle npm in