React-Sight

开发者工具插件用户量: 10000大小: 0.30MiB版本: v 1.1.0更新时间: 2020-04-14
用户量:10000大小:0.30MiB版本:v 1.1.0更新时间:2020-04-14

Extends the Developer Tools, adding a sidebar that displays React Component Hierarchy.

React-Sight 的使用方法详解,最全面的教程


React-Sight 描述:

用户数:10000

分类:开发者工具插件

扩展大小:0.30M

最后更新时间:2020-04-14

版本:v 1.1.0


React-Sight 插件简介:

这是来自Chrome商店的 React-Sight 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。


React-Sight插件下载方法/流程:

点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。


React-Sight插件安装教程/方法:

(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,

完成安装如有其它安装问题,

请扫描网站底部二维码与客服联系如有疑问请参考:

https://www.extfans.com/installation/
A Chrome Developer tool that displays the component hierarchy of React applications - Perfect for your own projects and for learning how organizations structure their own. After adding React Sight to your browser, you will have a new tab in your Chrome Dev Tools. React Sight will read React's virtual DOM and render an interactive tree diagram of the components rendered on the page. By hovering over the nodes, you can see the components state and props and how they change in real time. ***SET UP*** 1. Install React Dev Tools 2. Install React Sight 3. Run your React application, or open (almost!) any website running React! 4. Open Chrome Developer Tools -> Click on React Sight panel *If you are running local file URLs, make sure to enable "Allow access to file URLs" in the extension settings for both React Dev Tools and React Sight Be sure to check us out on GitHub and www.reactsight.com! ----- This has been the side project and & passion of just a few devs. There are some bugs, and it won't work on every application. If it's not working for your project, please send use an email at reactsight@gmail.com and we'll take a look at how we can make it work! Thanks for checking out React Sight!

相关应用

브라우저에서 라온시큐어의 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