Chrome浏览器安装React Developer Tools（crx文件无法安装）

最新推荐文章于 2023-07-17 09:29:52 发布
最新推荐文章于 2023-07-17 09:29:52 发布
阅读量1.9k 收藏 3
点赞数
分类专栏： react 文章标签： 前端react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jenn168/article/details/102388424
版权
本文介绍了如何在Chrome浏览器上手动安装React Developer Tools的crx文件，包括修改Chrome设置以允许安装第三方扩展，以及解决安装后React图标未显示的故障排除步骤。
摘要由CSDN通过智能技术生成

Chrome浏览器安装React Developer Tools

1、下载react developer tools离线的crx工具包

下载地址为：http://chromecj.com/Handler/Download/890

常用插件网址：
http://www.cnplugins.com/
http://chromecj.com/

2、手动设置chrome浏览器默认第三方下载的扩展包

  • chrome浏览器默认不允许安装三方下载的扩展包，需要手动设置允许。
  • 具体步骤： 鼠标右键chrome -> 属性 ->目标，加入参数：-enable-easy-off-store-extension-install
    在这里插入图片描述

3. 将扩展名为crx的Chrome插件安装到谷歌浏览器中

1.方法一：

  • 第一步，打开浏览器，点击右上角‘三个点’，选择下拉菜单中的更多工具 -> 扩展程序

最低0.47元/天 解锁文章
Jenn168
关注
专栏目录
​Chrome插件：React Developer Tools为React开发调试而生
郭宝的博客
06-27 611
它是允许在Chrome和Firefox开发者工具中检查React组件层次结构的扩展插件。
React Developer Tools Chrome插件 官方版
07-01
React Developer Tools 2.3.3 Chrome插件 官方版
react-developer-tools.crx，Redux-DevTools-2.15.2.crx
08-10
打开chrome浏览器，打开扩展程序，把文件直接拉进去安装就可以了。
React Developer Tools crx压缩包
07-24
Adds React debugging tools to the Chrome Developer Tools.Adds React debugging tools to the Chrome Developer Tools.Adds React debugging tools to the Chrome Developer Tools.Adds React debugging tools to the Chrome Developer Tools.
React Developer Tools 4.2.0_0.crx
11-29
React Developer Tools，是chrome下的react插件，更新于2019年11月29日。由于国内被墙，且网上的插件很多都太旧了，不好用。故而分享出最新版的
React Developer Tools CRX 4.24.7
最新发布
u011137664的博客
07-17 159
插件。
React Developer Tools .Crx4Chrome3.1
11-20
React Developer Tools介绍 React Developer Tools 是一款由 facebook 开发的有用的 Chrome浏览器扩展。通过它我们可以查看应用程序的 React 组件分层结构，而不是更加神秘的浏览器 DOM 表示。 注意：该插件只对 ReactJS 开发有效。如果是 React Native 的话则无法使用这个插件调试。
React Developer Tools CRX 4.27.8
07-17
安装React Developer Tools CRX扩展到Chrome浏览器后，开发者可以在开发过程中实时监控和调试React应用，提升开发效率，确保代码质量和性能。同时，及时更新到最新版本如4.27.8，能确保获取最新的功能和修复的bug，...
React 开发工具「React Developer Tools」-crx插件
03-09
React Developer Tools是针对开源React JavaScript库的Chrome DevTools扩展。 它使您可以检查Chrome开发者工具中的React组件层次结构。 您将在Chrome DevTools中获得两个新标签：“:atom_symbol:组件”和“:atom_...
chrome-react插件-React Developer Tools
01-13
Chrome调试模式下，可视化的React DOM结构实时分析 React Developer Tools is a Chrome extension that allows you to inspect the React component hierarchy in the Chrome Developer Tools (formerly WebKit Web Inspector).
React-Developer-Tools 官方最新版本3.2.1 Chrome插件
04-10
这个是官方最新版本的插件3.2.1版本.如果需要别的版本可以看我上传的其他版本,比如3.2.0 和 2.3.3版本.下载到本地后,直接打开Chrome的扩展程序,然后拖进去就可以自动安装.有任何疑问可以联系我
React Developer Tools 调试 chrome扩展。最新版2.5.2
09-27
React Developer Tools 调试 chrome扩展。 最新版2.5.2 下载 React Developer Tools 调试 chrome扩展。 最新版2.5.2 下载
react-devtools-3.2.3.crx
07-02
目前最新版的react devtool工具插件，鉴于网上的要下载的都是2.5.2.crx版本的，而且需要的积分比较大，所以在这里分享一下最新版的插件。chrome React DevTool react-devtools 3.2.3.crx React开发工具。
React Developer Tools 开发工具 | 谷歌（Chrome）浏览器插件
03-03
【插件简介】 React Developer Tools是开发的React必备的开发者工具扩展。可以在chrome开发者工具中得到一个名为React的新标签，检查React组件层次结构，在页面上显示React组件。 【插件网站】 https://github.com/facebook/react-devtools 【插件更新】 2020-12-29 14:50:05 【插件版本】 4.10.112_4_2020 【插件标签】 高效开发 Chrome插件 【插件安装教程】 请下载文件后先解压，然后进入页面： chrome://extensions/ 将文件拖拽到该页面，完成安装。 具体步骤: https://t.csdnimg.cn/NxMv 【热门插件】 ·CSDN 浏览器助手： https://plugin.csdn.net/
React Developer Tools 3.4.2Chrome安装
sunnyboysix的博客
03-31 140
第一打开地址 https://github.com/facebook/react-devtools/releases 解压压缩包 点击chrome 更多工具-> 扩展程序 点击加载已解压的扩展程序 然后ok了
react-devtool-4.4.0.crx
03-05
不用下载源码，不用编译，不用敲命令。 直接拖拽到chrome即可使用， 亲测可正常使用。 插件详细情况描述： React Developer Tools 4.4.0 (1/3/2020) Adds React debugging tools to the Chrome Developer Tools. Created from revision f749045a5 on 1/3/2020. ID：fmkadmapgofadopljbjfkapdkoienihi
React调试工具:React Developer Tools 谷歌插件下载
热门推荐
gaokaikai1996的博客
02-27 1万+
由于谷歌应用商店需要翻墙，个人分享一下下载网址个人下载链接：http://download.csdn.net/download/gaokaikai1996/10261131网上下载链接：https://www.crx4chrome.com/crx/3068/个人demo： http://www.chenzhuo.ltd/loveshare/...
react-devtools 2.5.2.crx
02-01
chrome React DevTool react-devtools 2.5.2.crx React开发工具
轻松在Chrome浏览器中安装React开发工具
Chrome扩展程序"React Developer Tools"提供了一个便捷的界面，让开发者能够直观地查看组件的层级结构，检测组件的状态（state）和属性（props），甚至能够进行性能分析。这个工具是React开发者不可或缺的调试伴侣，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值