Performance 如何监控浏览器扩展的性能?

Performance 如何监控浏览器扩展的性能?,performance,google-chrome-extension,firefox-addon,browser-extension,Performance,Google Chrome Extension,Firefox Addon,Browser Extension,假设您正在开发浏览器扩展。是否有任何方法可以监视已安装在所有这些浏览器上的浏览器扩展的性能 也就是说,您能否以某种方式监控新版本的扩展是否会降低性能等。有多种方法可以监控浏览器扩展的性能 对于铬合金: 您只需单击F12/Ctrl+Shift+I或右键单击并选择Inspect,即可查看内置的Chrome开发工具 从那里你可以: -您可以检查Javascript、样式、布局以及绘制和合成计算 -了解页面加载缓慢的原因 —查找影响页面性能的内存问题,包括内存泄漏、内存膨胀和频繁的垃圾回收 对于Fi

假设您正在开发浏览器扩展。是否有任何方法可以监视已安装在所有这些浏览器上的浏览器扩展的性能


也就是说,您能否以某种方式监控新版本的扩展是否会降低性能等。

有多种方法可以监控浏览器扩展的性能

对于铬合金

您只需单击
F12
/
Ctrl
+
Shift
+
I
或右键单击并选择
Inspect
,即可查看内置的Chrome开发工具

从那里你可以:

  • -您可以检查Javascript、样式、布局以及绘制和合成计算
  • -了解页面加载缓慢的原因
  • —查找影响页面性能的内存问题,包括内存泄漏、内存膨胀和频繁的垃圾回收
对于FireFox

Firefox有一个功能,它鼓励你停止考虑特定设备,而是通过拖动边缘来探索你的设计在普通屏幕大小或你自己大小下是如何变化的

对于边缘

要模拟Windows Phone,请使用Microsoft Edge的

由于Edge不附带旧版兼容性,请使用模拟您的页面在旧版Internet Explorer中的外观

注意:浏览器模拟器非常适合测试网站的响应能力, 但它们并没有模仿API、CSS支持和某些方面的差异 在移动浏览器上看到的行为

有关更多信息:


感谢您的全面回答!您知道是否有任何方法可以监视已处于运行状态的浏览器扩展,以便在出现性能问题时查看这些问题?如果您已经为每个浏览器配备了内置的devtool,则可以轻松监视扩展的性能。