网络监测器

About

实时监测网页网络请求耗时，支持按资源类型筛选和排序，开发者性能分析必备工具。这是一款专业的网络性能监测工具，通过持久化侧边栏界面，为开发者提供实时、直观的网络请求分析能力。传统的 Chrome DevTools Network 面板在刷新页面后会清空数据，切换标签时无法持续查看，且占据大量屏幕空间。网络监测器完美解决了这些问题，让性能分析工作变得更加高效便捷。


核心功能

1. 持久化侧边栏监测
打开侧边栏后，无论如何操作页面都不会关闭。实时显示网络请求数据，刷新页面自动更新。侧边栏以窄条形式展示，不占据大量屏幕空间，可与页面内容并排查看，完美替代传统 DevTools。

2. 智能筛选与排序
支持按资源类型筛选，包括 Script、CSS、XHR、Fetch、Image、Font 等所有常见类型。提供三种排序模式：最新请求优先、最慢请求优先（耗时从长到短）、最快请求优先（耗时从短到长）。内置 URL 关键词搜索功能，可快速定位目标请求。

3. 实时性能统计
自动统计总请求数量、总耗时、平均耗时等关键指标。完成进度实时更新，让您随时掌握页面加载状态。响应状态码通过不同颜色标识（200/404/500 等），问题请求一目了然。

4. 可视化耗时标识
采用颜色分级标识系统：小于100ms显示绿色（优秀）、100-500ms显示黄色（良好）、500-1000ms显示橙色（需关注）、大于1000ms显示红色（需优化）。帮助您快速识别性能问题。
使用方式

首次使用时点击扩展图标即可打开侧边栏。刷新页面后自动开始监测新的网络请求。可通过切换标签页或手动点击"清空"按钮清除数据。建议固定侧边栏宽度，与页面并排查看以获得最佳体验。