如何为谷歌浏览器安装 react-devtools?

最新推荐文章于 2022-08-19 16:20:24 发布
最新推荐文章于 2022-08-19 16:20:24 发布
阅读量642 收藏 1
点赞数 1
分类专栏： React 文章标签： react react-devtools 谷歌浏览器 chrome extension
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011915540/article/details/102726019
版权

    本教程主要针对无法访问谷歌扩展程序商店的开发者。

步骤

  • 首先，进入 react-devtools 版本发布页面。

  • 下载 chrome-extension.zip

  • 在谷歌扩展程序目录内新建一个 react-devtools 文件夹，并将所下载的文件解压至此文件夹内。谷歌扩展程序安装目录通常在 C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions

  • 打开谷歌浏览器，并在地址栏中输入：chrome://extensions/ 进入，扩展程序页面后，在右侧打开 开发者模式。

  • 点击 加载已解压的扩展程序 按钮，并浏览选择 react-devtools 点击确定即可完成安装

KaysonWu
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
react-devtools 的谷歌扩展程序
08-01
它作为一个谷歌浏览器的扩展程序，大大简化了在浏览器环境中进行React开发的工作流程。 首先，让我们了解一下如何将“react-devtools”的谷歌扩展程序安装到浏览器中。步骤非常简单，你只需下载扩展程序的压缩包，...
react-devtools-3.zip
03-04
这款工具主要设计为谷歌浏览器的插件，使得开发者能够深入理解React组件的状态和生命周期，从而更有效地优化代码和提升应用性能。 React DevTools的核心功能包括： 1. **组件树查看**：在Chrome浏览器的开发者工具...
react-devtools安装教程（谷歌）
weixin_44692296的博客
03-21 2432
谷歌vue-devtools插件，帮助你react开发快速调试。下面分享一个简单的安装方法~ 1.点击官网链接[react-devtools插件下载-收藏猫插件]，选择手动安装(https://chrome.pictureknow.com/extension?id=b02ac2064fdb4f888357cecbf6487592) 2.下载完成之后，找到你下载的文件，拖拽到谷歌扩展程序（别忘记打开开发者模式） 3.运行你的react项目，F12就可以看到安装的react-devtool调试工具了哦 4
chrome安装react-devtools开发工具
qing_小诺的博客
08-19 3675
在网上找的 react-devtools 离线包乱七八糟、各色各样，放在浏览器中工具展示的并不清晰。那就根据官网自己编译一个用吧，下面记录下怎么编译的，不想编译的，可以直接下载这个文件，然后直接跳到最后一步的安装扩展程序即可。）把上面README中写的翻译过来就是：此项目已迁移到扩展的v3的源代码可以在v3分支中找到。要从源代码构建v3浏览器扩展：（需要执行下面的命令）
谷歌 安装 react-devtools 详细步骤
JiangYunWen34的博客
03-26 854
最近想学一下react，在谷歌上面安装react-devtools时看了一些博客，说的比较详细的没有几个，后面在博客园看到一篇有详细步骤+截图的博客。 https://www.cnblogs.com/Ewarm/p/12010716.html 开始 安装react-devtools前必须保证本地已安装好Git和node.js，至于Git和node.js的安装方式请自行百度！ 1.首...
项目chrome安装react devtools
西洲
04-01 1279
说明： 网上从github下载，那套方法，经实验报错， github那个版本太老了，可用下面的方法： 下载网站地址 Download React Developer Tools 4.24.0 CRX File for Chrome - Crx4Chrome 下载好以后，按照下面的操作 After you download the crx file for React Developer Tools 4.24.0, open Chrome's extensions page (chrome:.
Google（谷歌浏览器）安装React developer tools 工具方法
热门推荐
逍遥-小子的博客
08-02 2万+
方法一（直接翻墙）： 1.打开到扩展程序里面 找到三点->更多工具->扩展程序（或者在浏览器里面直接输入chrome://extensions/也可以进入到扩展程序里面） 2. 3.点击：获取更多扩展程序 搜索React，将会出现一系列与react有关的插件，一般情况下，react developer tools插件在第一个，选择安装就行了。 方法二（通过github下...
react-devtools-extensions.zip
09-30
React DevTools Extensions是一款针对React开发的强大工具，专为谷歌浏览器设计，同时也支持Firefox。这款插件可以帮助开发者在构建React应用时进行实时调试，提高开发效率和代码质量。它提供了直观的组件树视图，...
react-devtools 基于谷歌的插件3.1版本
02-09
关于"谷歌插件"的标签，这表明React DevTools是专为谷歌浏览器设计的开发工具，它与谷歌浏览器的生态系统紧密集成，可以无缝地与Chrome的开发者工具一起工作，提供更强大的React应用调试能力。 在压缩包"react-...
谷歌浏览器 React调试工具 可用博主人品担保
09-10
为了提高开发效率和优化用户体验，开发者需要强大的调试工具，而谷歌浏览器（Chrome）的React调试工具正是为此目的而生。这款工具是Chrome DevTools的一部分，专为React应用程序提供了一流的调试体验。 首先，让...
redux-devtools_2_15_1.crx
12-30
redux-devtredux-devtools_2_15_1
React开发调试工具（谷歌浏览器）
08-10
React开发调试工具最新版，内附安装步骤，安装成功后，在用React写的页面里打开调试工具即可。
React-devtools-3.6.0.zip（最新版chrome的React插件）
07-28
chrome谷歌浏览器，打开空白页，地址栏chrome://extensions/打开扩展程序页面（开发者模式），将下载的React-devtools-3.6.0.zip拖拽到该页面，安装成功。
谷歌浏览器安装react developer tools 工具
qq_40652539的博客
07-25 1115
步骤： 1.下载devtools 通过命令：git clone https://github.com/facebook/react-devtools.git将文件下载到本地 2.安装相关依赖 下载完成后，进入react-devtools目录下，使用npm安装相关依赖，命令如下： npm --registry https://registry.npm.taobao.org install 3.编译项...
Chrome浏览器安装 React Developer Tools和Redux DevTools插件
七月的专栏
05-25 1万+
正文： 1.首先，下载react-developer-tools开发调试工具插件。（下面还要安装redux插件，一并给出） react插件： 链接: https://pan.baidu.com/s/1xUuVvnvGIlcs3LLq9j7oig 提取码: 8n34 redux插件：链接: https://pan.baidu.com/s/16kMr4q4xT-osUABTEfr7UA ...
chrome浏览器安装react-devtools
feinifi的博客
01-09 1727
react-devtools是react开发时的一个浏览器插件，对于各大主流高级浏览器都有扩展程序可以安装，官方的地址默认是https://github.com/facebook/react-devtools，但是后来它有集成到了react项目中，所以通过源码编译安装起来给人一种错觉，到底是安装react-devtools还是react。如果是直接git clone，还需要切换分支v3，然后构建。 这里推荐直接通过码云上的react-devtools仓库来获取源代码进行构建，原因一个是克隆...
浏览器-安装 react-devtools
hahahhahahahha123456的博客
11-18 718
说在前面：这个插件的安装教程网上能找到不少，我就想问一句：你们自己写的教程，你们照着教程能安装成功吗，你们安装过吗，对你们无fuck说，坑！ 开始干货： React Dev Tools现在的版本支持chrome和Firefox，但目前对Firefox的支持仍不是很好，建议用chrome，那么问题来了，Google被墙了，普通方法安装已经行不通了，需要先从GitHub上下载源码包进行编译安装。...
安装react-devtools遇到的一些坑
good_moring_的博客
11-27 5210
安装React-devtools之后项目报错 在官网下载了3.4.2的压缩包之后直接拖到chrome扩展程序中之后直接安装成功了，正高兴之际就被神速打了脸。我的react项目直接报错了？ Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.injectIntoGlobalHook (react-refresh-runtime.development.js:465) at Object../nod
chrome 安装react-devtools
weixin_40662552的博客
01-06 221
地址：https://github.com/facebook/react-devtools/tree/v3，直接download ZIP格式 知道下载位置，解压到自己可以找见的目录下，进入到react-devtools-3目录，cnpm i一下安装一下依赖 再进入到react-devtools-3\shells\chrome切换到chrome目录下，运行node build.js，当前目录下会生成build目录 这个build目录下的unpacked目录就是chrome中所需react...
react-devtools安装教程
最新发布
06-28
npm install -g react-devtools ``` 2. 安装完成后，你可以通过以下命令来启动 React 开发工具： ``` react-devtools ``` 3. 如果你使用的是 Chrome 浏览器，你还可以通过以下步骤来安装 React 开发工具的 Chrome...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KaysonWu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值