chrome-page-graph：Chrome扩展程序，用于生成交互式页面相关性图

页面图 Chrome扩展程序可生成交互式页面依赖性图。 上面显示了从主页获得的图形。 现场演示。 描述 此PoC利用公开的事件的字段来构建选项卡在特定时间间隔内加载的对象的依赖关系图。 每个节点代表一个HTTP对象，因此由其URL标识。 节点的颜色表示对象类型：图像，样式表等。 箭头可以解释为已按关系加载，并且多个箭头表示所有目标均负责源节点（即AJAX堆栈跟踪的每个元素）的加载。 当多次请求相同的URL时，将添加一个占位符（空）节点，并且所有实例均通过虚线链接回该URL。 在这种情况下，只有占位符节点可以成为关系的目标。 建立 在本地安装依赖项： cd bundle npm install npm run bundle 导航至chrome://extensions ，确保启用了“开发人员模式”，点击“加载解压的扩展程序...”，然后选择extension文件夹， 用法 单击扩展按钮，然后按照说明进行操作。 可以将图形另存为独立HTML文件。