通过Javascript收集图层边框数据

Question

我正在编写一个自己的工具来分析我的网络性能问题。我发现有必要在我的网站上观察大量单独的复合层。我在MDN上查看Web API，但我找不到任何合适的API。你知道是否有可能通过javascript在网站上收集这些数据？ 具体来说，我需要在Chome Developer Tools的“渲染”选项卡内的“图层边框”选项中显示的数据。

感谢。

Answer 1

DevTool协议https://chromedevtools.github.io/devtools-protocol/tot/LayerTree中有一个LayersTree API。

可以通过LayerTree.layerTreeDidChange回调参数轻松实现图层列表。