您如何监视浏览器扩展的性能？

Question

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

即，您能以某种方式监视在新版本的扩展程序上性能是否下降吗？

Answer 1

有一些方法可以监视浏览器扩展的性能。

对于 Chrome ：

您可以通过单击F12 / Ctrl + Shift + I或右键单击并选择Inspect来查看内置的Chrome Devtools。< / p>

从那里您可以：

• Analyze Runtime Performance-您可以检查Javascript，样式，布局和绘画以及复合计算
• Analyzing Network Performance-了解页面加载缓慢的原因
• Analyze Memory Problems-查找影响页面性能的内存问题，包括内存泄漏，内存膨胀和频繁的垃圾回收。

对于 FireFox ：

Firefox的responsive design view鼓励您停止思考特定的设备，而是通过拖动边缘来探索设计在普通屏幕尺寸或您自己的尺寸下如何变化。

对于 Edge ：

要模拟Windows Phone，请使用Microsoft Edge的built-in emulation。

由于Edge不具有旧版兼容性，因此请使用IE 11's Emulation模拟页面在Internet Explorer的较早版本中的外观。

  

注意：浏览器模拟器非常适合测试网站的响应能力，   但他们没有效仿API，CSS支持和某些   您在移动浏览器上看到的行为。

有关更多信息：

• Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi
• Emulate and Test Other Browsers