通过 Javascript 收集图层边界数据

Question

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

谢谢。

Answer 1

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

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