首页 开发者工具 React Performance Devtool - React组件性能检查器

React Performance Devtool - React组件性能检查器

用户数 : 8000 分类 : 开发者工具 扩展大小 : 169KiB 最后更新时间 : 2018-08-30 版本 : 5.5
                            

React Performance Devtool - React组件性能检查器背景

React Performance Devtool是一个浏览器扩展,用于检查React组件的性能。它基于React使用window.performanceAPI 收集的度量来统计检查React组件的性能。

除了浏览器扩展之外,还可以在控制台中检查这些措施。有关更多详细信息,请参见用法部分。这个项目的开始是为了扩展Will Chen在React性能表提案上所做的工作。相信您通过安装使用它将大大提升您的开发工作效率!


React Performance Devtool - React组件性能检查器介绍

React Performance Devtool是一款浏览器开发人员工具扩展,专门用于检查React组件的性能。


React Performance Devtool - React组件性能检查器功能

在您下载安装React Performance Devtool插件之后,您将拥有以下功能:
- 删除或卸载未使用的组件实例。

- 在开始操作后,检查是什么阻塞或花费更多时间。

- 检查表并查看需要编写哪些组件的shouldComponentUpdate生命周期挂钩。

- 检查哪些组件需要花费更多时间来加载。

你还可以看到它们最后的更新时间,如果它们有自己的主页,还可以对它们进行分类和其他更多的功能。


React Performance Devtool - React组件性能检查器安装

(1) 将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
解压压缩包
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
打开开发者模式
(4) 将crx文件拖拽到扩展程序页面,完成安装
拖放以安装

(5)如有其它安装问题,请扫描网站底部二维码与客服联系



React Performance Devtool - React组件性能检查器使用

安装好chrome插件后,直接点击扩展按钮即可对已安装的脚本进行便捷管理了。



React Performance Devtool is a browser extension for checking the performance of React components. It is based on the metrics collected by React using window.performanceAPI to statistically check the performance of React components.

In addition to browser extensions, these measures can also be checked in the console. For more details, see the usage section. This project started to expand Will Chen's work on the React performance table proposal. I believe that you will greatly improve your development work efficiency by installing and using it!



######## Features ########
- A Chrome devtool extension for inspecting performance of React components.

For a full overview please take a look at the FAQ or just install this extension. ;)

Thanks for using React Performance Devtool. :)


########## Bugs ##########

Please DON'T report bugs by a review, BUT HERE:
- https://github.com/nitin42/react-perf-devtool

########## FAQ ###########

tulswani19@gmail.com

查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功