# fps-extension

**Repository Path**: zebra_cl/fps-extension

## Basic Information

- **Project Name**: fps-extension
- **Description**: Chrome浏览器插件，用于监控网页的帧率和内存
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2022-12-22
- **Last Updated**: 2024-05-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 功能
连续监控网页的帧率及内存，并提供数据的导出
![Snipaste\_2022-12-22\_13-18-28.png](http://pic-go-jskdcl.oss-cn-heyuan.aliyuncs.com/2022/12/Snipaste_2022-12-22_13-18-28.png)

## 安装
1. 进入浏览器的扩展管理页面，并打开`开发人员模式`。
2. 将`fps-extension.zip`拽入扩展管理页面即可完成安装。

## 使用教程
1. 进入想要监控的页面
2. 点击插件图标，并点击“开始记录帧率”\
    ![Snipaste\_2022-12-22\_13-29-58.png](http://pic-go-jskdcl.oss-cn-heyuan.aliyuncs.com/2022/12/Snipaste_2022-12-22_13-29-58.png)
3. 浏览器回弹出“FPS监控”页面\
    ![Snipaste\_2022-12-22\_13-31-58.png](http://pic-go-jskdcl.oss-cn-heyuan.aliyuncs.com/2022/12/Snipaste_2022-12-22_13-31-58.png)
4. 将“FPS监控”页面拖出为==独立窗口==，并与**监控页面**平铺。\
    ![Snipaste\_2022-12-22\_13-33-53.png](http://pic-go-jskdcl.oss-cn-heyuan.aliyuncs.com/2022/12/Snipaste_2022-12-22_13-33-53.png)

## 注意事项
- 同时只可监控一个页面，监控其他页面前需停止已有的监控。
- **FPS监控**与**监控页面**必须平铺在桌面上同时显示。如有遮挡，会监控不到数据。