首先是“DOM Inspector”插件，它能够清晰地展示网页的DOM结构，方便开发者查看和分析各个元素之间的关系，通过直观的界面，可以快速定位到需要调试的节点，并生成相应的DOM关系图，有助于深入理解网页的构造和布局。
“Web Developer”插件也是不错的选择，它提供了丰富的网页开发工具，其中包含对DOM的调试功能。可以使用其相关功能来遍历DOM树，查看节点的属性、样式等信息，并且能够根据需要生成详细的DOM关系图，对于排查复杂网页中的DOM问题非常有帮助。
还有“React Developer Tools”，如果网页是基于React框架开发的，这个插件能够很好地调试React组件的DOM结构，展示组件之间的层次关系，以及每个组件对应的DOM节点，从而生成准确的DOM关系图，方便开发者进行针对性的调试和优化。
这些Chrome插件都能在一定程度上满足复杂网页调试DOM关系图生成的需求，开发者可根据自身具体情况选择合适的插件来辅助工作。
