React Perf - 性能工具

开发者工具插件用户量: 6000大小: 0.08MiB版本: v 1.1.0更新时间: 2016-04-13
用户量:6000大小:0.08MiB版本:v 1.1.0更新时间:2016-04-13

React Perf是一款将帮助谷歌浏览器用户在Chrome Devtools面板中添加一个标签,以帮助使用“ react-addons-perf”包的Chrome插件。

React Perf - 性能工具背景

如果您是一个前端工程师,那么这款开发者插件您一定经常用到。React通常开箱即用。但是,在需要从应用程序中榨取每盎司性能的情况下,它提供了一个shouldComponentUpdate钩子,您可以在其中向优化的diff算法添加优化提示。

除了为您提供应用程序整体性能的概述之外,ReactPerf是一个性能分析工具,它可以告诉您确切需要在何处放置这些挂钩。

使用这款完全免费的性能工具将帮助您大大提升工作效率。


React Perf - 性能工具介绍

React Perf是一款将帮助谷歌浏览器用户在Chrome Devtools面板中添加一个标签,以帮助使用“ react-addons-perf”包的Chrome插件。


React Perf - 性能工具功能

在下载安装React Perf插件之后,React Perf将在Chrome Devtools面板中添加一个标签,以帮助您使用“ react-addons-perf”包。

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


React Perf - 性能工具安装

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

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



React Perf - 性能工具使用

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



If you are a front-end engineer, you must use this developer plug-in often. React is usually available out of the box. However, in cases where you need to extract every ounce of performance from the application, it provides a shouldComponentUpdate hook where you can add optimization tips to the optimized diff algorithm.

In addition to providing you with an overview of the overall performance of the application, ReactPerf is a performance analysis tool that can tell you exactly where to place these hooks.

Using this completely free performance tool will help you greatly improve your work efficiency.



######## Features ########
- After downloading and installing the React Perf plugin, React Perf will add a label to the Chrome Devtools panel to help you use the "react-addons-perf" package.

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

Thanks for using React Perf. :)


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

Please DON'T report bugs by a review, BUT HERE:
- http://crysislinux.com/

相关应用

브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 82762bea5 on 3/10/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
EditThisCookie是一个cookie管理器。您可以添加,删除,编辑,搜索,锁定和屏蔽cookies!
The Facebook Pixel Helper is a troubleshooting tool that helps you validate your pixel implementation.
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
back top top
back top top