您如何监控浏览器扩展的性能？
How do you monitor performance of browser extensions?
假设您正在开发浏览器扩展。有什么方法可以监控已安装在所有这些浏览器上的浏览器扩展的性能吗？
即，您能否以某种方式监控性能是否在新版本的扩展等方面下降。
有多种方法可以监控浏览器扩展程序的性能。
对于Chrome:
您可以通过单击 F12/Ctrl + Shift + I 或右键单击并选择 Inspect.
从那里你可以：
- Analyze Runtime Performance - 您可以检查 Javascript、样式、布局和绘画以及复合计算
- Analyzing Network Performance - 了解页面加载缓慢的原因
- Analyze Memory Problems - 查找影响页面性能的内存问题，包括内存泄漏、内存膨胀和频繁的垃圾回收。
对于 FireFox:
Firefox 有一个 responsive design view 鼓励您停止考虑特定设备，而是探索您的设计如何在常见屏幕尺寸或您自己的尺寸下通过拖动边缘进行更改。
对于边缘:
要模拟 Windows 手机，请使用 Microsoft Edge 的 built-in emulation。
由于 Edge 不提供旧版兼容性，请使用 IE 11's Emulation 模拟您的页面在旧版 Internet Explorer 中的外观。
Note: Browser emulators are great for testing a site's responsiveness,
but they don’t emulate differences in API, CSS support, and certain
behaviors that you'd see on a mobile browser.
更多信息：
假设您正在开发浏览器扩展。有什么方法可以监控已安装在所有这些浏览器上的浏览器扩展的性能吗？
即，您能否以某种方式监控性能是否在新版本的扩展等方面下降。
有多种方法可以监控浏览器扩展程序的性能。
对于Chrome:
您可以通过单击 F12/Ctrl + Shift + I 或右键单击并选择 Inspect.
从那里你可以：
- Analyze Runtime Performance - 您可以检查 Javascript、样式、布局和绘画以及复合计算
- Analyzing Network Performance - 了解页面加载缓慢的原因
- Analyze Memory Problems - 查找影响页面性能的内存问题，包括内存泄漏、内存膨胀和频繁的垃圾回收。
对于 FireFox:
Firefox 有一个 responsive design view 鼓励您停止考虑特定设备，而是探索您的设计如何在常见屏幕尺寸或您自己的尺寸下通过拖动边缘进行更改。
对于边缘:
要模拟 Windows 手机，请使用 Microsoft Edge 的 built-in emulation。
由于 Edge 不提供旧版兼容性，请使用 IE 11's Emulation 模拟您的页面在旧版 Internet Explorer 中的外观。
Note: Browser emulators are great for testing a site's responsiveness, but they don’t emulate differences in API, CSS support, and certain behaviors that you'd see on a mobile browser.
更多信息：