谷歌浏览器添加react开发工具redux devtools小记

最新推荐文章于 2023-12-21 15:00:12 发布
最新推荐文章于 2023-12-21 15:00:12 发布
阅读量173 收藏
点赞数
分类专栏： 工具 文章标签： react chrome devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44265652/article/details/114982130
版权

方案一

因为木有科学上网，所以直接访问收藏猫
https://chrome.pictureknow.com/extension?id=b02ac2064fdb4f888357cecbf6487592
选择 下载插件手动安装
在这里插入图片描述
下载成crx文件，地址栏输入chrome://extensions/，打开开发者模式，将.crx文件直接拖入浏览器，添加扩展程序，就可以啦
在这里插入图片描述
在这里插入图片描述

方案二

如果移动浏览器过程中一直在下载，可使用这种方法，将.crx文件改为.zip文件，点击加载已解压的扩展程序，选择.zip文件，就可以了

我必成大神_WXTC
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
谷歌浏览器 React调试工具 可用博主人品担保
09-10
谷歌浏览器 React调试工具 可用博主人品担保 如有特例可找博主 售后哈哈哈
React Developer Tools和Redux DevTools
08-30
谷歌浏览器扩展程序React Developer Tools和Redux DevTools
React-DevTools开发者工具安装
席木木的博客
10-03 7631
React开发者工具最简单的安装方式自然是科学上网，通过Google Chrome浏览器访问应用商店安装了。以下介绍另一种安装方式：基于 react-devtools的GitHub项目源码编译进行插件安装。
react-devtools
软工二班秦同学的博客
10-07 638
学会使用react-devtools调试工具，在浏览器中对react代码进行调试
React DevTools 安装
csdn_poxiao的博客
04-02 833
4、打开chrome扩展程序chrome://extensions/，加载已解压的扩展程序，选择第3步中的生成的unpacked文件夹。1、去git上下载react-devtools文件到本地，https://github.com/facebook/react-devtools/tree/v3。并且会在你的项目目录中生成一个新的文件夹，react-devtools -> shells -> chrome -> build -> unpacked文件夹。3、安装依赖成功后，我们便可以打包一份扩展程序出来。
react调试工具react -devtools的安装
马娟的博客
10-11 3993
    前言     react-devtools是什么？         react-devtools是一款由 facebook 开发的有用的 Chrome浏览器扩展。通过它我们可以查看应用程序的 React 组件分层结构，而不是更加神秘的浏览器 DOM 表示。 安装React Devtools有两种方法： 方法一：chrome商店上直接下载（前提是该电脑已经翻墙）。     ...
react-devtools调试工具下载及安装（最新2021年）
Mr_CZL的博客
04-17 7122
废话不多说。 1、首先下载react-devtools扩展，下载==>github官方地址，如下图 2、下载后的zip解压到自己的目标文件夹，然后打开Chrome浏览器（以Chrome为例）的扩展程序，==>加载已解压的扩展程序，如下图 3、重新打开自己react的项目的地址，注意有坑：（1、必须react项目，2、安装扩展后必须关闭react项目的浏览器窗口或者关闭浏览器重新打开），然后就可以了，打开F12，如下图 4、至此，结束！ ...
react-native-debugger：基于React Native官方调试器的独立应用程序，包括React Inspector Redux DevTools
02-03
React Native调试器 使用Redux DevTools安装程序运行的redux示例 这是一个用于调试React Native应用程序的独立应用程序： 基于官方的并提供更多功能。 包括 。 包括Redux DevTools，使用制作 。 包含 （ ）作为...
redux devTools for chrome
12-05
谷歌浏览器redux状态管理工具，安装后可以方便地查看redux store增删改查方法以及实时数据。
react-devtools开发工具
08-19
react-devtools开发工具。具体可看文章：http://t.csdn.cn/GNNXK
全网最详细的谷歌插件开发小册
qq_34998786的博客
06-25 6368
概述全网最详细的谷歌插件开发小册????????，之前写谷歌插件的时候绕了一圈网上的教程，没有发现比较好的文档教程，索性根据官方文档梳理一遍，避免后面学习的同学继续踩坑！！！目录概述在Chrome Web Stor‍e发布和更新插件插件的版本管理与错误处理插件的安全性和隐私保护Chrome插件的调试技巧使用automated testing进行插件测试使用DevTools进行性能分析插件中的消息传递使用tab...
React 调试开发插件 React devtools 的使用
BILL-博客-LLIB
08-17 1382
当在 Element 处点击任意 DOM 元素的时候，可以看到有个 “==$0”，可以通过 "$0" 获取相关的 DOM 节点。同样地，在 Components 处选中某一个React组件后，可以在 Console 处将当前选中的 React 元素输出。比如，点击左边的第一个ListItem，右边显出它的 props 相关属性、事件处理函数等等。在 Components 处，可以看到整个 React 应用的组件数。在 Console 处输入 $r，就输出了该组件的实例。右窗口显示组件具体的属性。
【实用工具】谷歌浏览器插件开发指南
wenchun001的博客
10-05 5111
本指南主要是对Chrome插件的官方开发文档做了翻译、理解和实践，只适合小白学习。如果你已经掌握了Chrome插件的开发，那么该指南便没有阅读的意义；再如果你在插件开发过程中遇到了疑难杂症，那么该指南也无法为你提供解答方案和思路。
安装React developer tools
m0_67388537的博客
07-27 655
react调试工具,像vue-devtool一样,可以方便的追踪调试state,props等实时状态.说明: 当前版本不推荐,在react-design-pro项目中会直接报错.
Redux-Devtools调试工具安装使用
Ronychen的博客
08-26 4357
1、Redux-Devtools调试工具下载 方式一：去谷歌应用商店搜索redux-devtools直接安装即可，但又一个前提条件（需要翻墙，这里不考虑）； 方式二：可以去chrome插件网下载，下载地址为：http://chromecj.com/web-development/2018-03/931/download.html，下载过程需要关注公众号，发送插件即可得到验证码进行下载； 2、安装过...
chrome浏览器安装redux-devtools调试工具
Jenn168的博客
01-04 2505
chrome浏览器安装redux-devtools调试工具1.点击进入https://www.chromefor.com/2. 在搜索框搜索redux3. 找到最新版本（Redux DevTools_v2.17.0）进行下载4. 选择下载线路，此线路可任意选择（本人选择香港线路）5. chrome浏览器下载时需要选择“保留”6. 下载成功后，修改文件扩展名为rar，再进行解压7. 将解压的扩展文件...
如何开发一个google插件(一)
最新发布
张致豪
12-21 1056
google插件是安装在google浏览器中的扩展程序，这个扩展程序也是基于html、css、js开发而来的，并且浏览器提供了额外的API供扩展程序使用。目前最新插件API版本是v3，v2版本会逐步被淘汰（网络上大部分插件api教程都是基于v2版本的，v3版本有很多不兼容变化，此次分享为v3版本）开发的google插件可以应用到以Chromium为内核的浏览器中，如360浏览器、qq浏览器等。
安装最新版React devtool
玛已的小空间
09-13 816
可以看到是我的node版本不支持，换成他支持的node版本就OK了。在安装react-devtools时，npm报错。我这里只想在项目里安装，因此执行的。
react 谷歌浏览器插件
09-01
要安装React的谷歌浏览器插件，你可以按照以下步骤进行操作： 1. 首先，你＊＊＊/react-devtools/tree/v3 找到并下载插件的项目文件。 2. 下载完成后，解压缩下载的项目文件。 3. 打开命令提示符界面，并使用cd...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值