javascript - 通过 Javascript 收集图层边框数据

标签 javascript performance ecmascript-6 google-chrome-devtools profiler

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

谢谢。

最佳答案

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

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

关于javascript - 通过 Javascript 收集图层边框数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50346068/

相关文章:

c# - 性能字符与字符串

javascript - Meteor 中的路由事件时的 Session.set()

.net - 为什么将PSObject添加到Powershell中的ArrayList需要这么长时间?有更好的方法吗?

c++ - 在 C++ Core Guidelines Per.4 中,为什么坏示例旨在更快?

javascript - 否定分配给新变量的解构值

javascript - React-Intl 如何从变量切换语言环境和消息

javascript - javascript中命名函数和匿名函数的原型(prototype)结构有何区别?

javascript - 篮球物理碰撞检测和弹跳物理

javascript - 如何选择二维数组表示的所有复选框?

reactjs - 组件定义 React 中 Babel 语法错误