google浏览器添加react-devtools扩展程序的方法

最新推荐文章于 2023-04-12 18:51:45 发布
VIP文章 最新推荐文章于 2023-04-12 18:51:45 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： chrome扩展程序 文章标签： react-devtool
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q_004/article/details/103277134
版权

安装react-devTools调试工具步骤

1 ，先去github上下载文件到本地，下载压缩包（下载到自己能找到的地方）

2，解压文件，解压好之后通过命令进入react-devtools-3文件夹（下载的压缩包就是这个名字）

然后用npm 安装依赖

npm --registry https://registry.npm.taobao.org install

我安装的时候报错了，但是我没有管它，继续执行了第三步

3 ，打包扩展程序

最低0.47元/天 解锁文章
Q_004
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用 React 创建 Chrome 扩展：分步指南
iCloudEnd的博客
02-15 560
在我们深入开发过程之前，您需要对 React 及其核心概念有一个基本的了解。您还应该对 JavaScript 和 HTML 有基本的了解。此外，您还需要以下工具：谷歌浏览器Visual Studio Code 或任何其他代码编辑器Node.js 和 npm（节点包管理器）
react-tools开发工具扩展程序包
07-15
支持react开发过程中的显示等操作，操作过程详见百度知道。
react-devtools 的谷歌扩展程序
08-01
下载扩展程序后，在谷歌浏览器中访问：chrome://extensions/，再把扩展程序包（无需解压）直接拉进去即可
gogole-----------拓展工具 . crx 安装失败 解法
weixin_43617604的博客
12-08 399
1.打开chorme的扩展程序(设置——>更多工具——>扩展程序) 选择开发者模式 2.拖拽.crx至Chrome的扩展程序列表 安装失败 报错为:程序包无效:"CRX_... 3.选择加载已解压的扩展程序 4.解决方法:更改.crx后缀名的文件为.rar(压缩文件),解压更改后的rar压缩包。 5.再次选择加载已解压的扩展程序(解压后的rar文件) ...
chrome 安装 react-devtools 详细教程
qq_39549013的博客
04-12 1470
本文针对无科学上网环境下，react-devtools 的 安装。（有科学上网环境 可直接在chrome 商店上 下载）
谷歌浏览器上如何安装Vue Devtools，GIt方式不好使时通过npm install vue-devtools解决
xcc_2269861428的博客
10-11 464
1、首先在下载vue-devtools https://github.com/vuejs/vue-devtools 2、下载后在目录下打开cmd 执行 npm install （如果提示npm命令不存在，就去下载node） npm run build 选在 shells/chrome ...
chrome安装react-devtools开发工具插件
fsjdgfcuvb的博客
08-17 712
1.git 下载react-devtools-3.zip https://github.com/facebook/react-devtools/tree/v3 2.解压 打开 进入react-devtools-3文件夹 3.在文件夹内右击 选择 或者cmd运行 以cd react-devtools-3的方式进入也可以 （注意 切换为自己的实际路径，且之后不能更改） 4.进入到react-devtools-3文件夹后，安装依赖 等待一会 时间比较长 　npm --registry https://reg
Chrome插件安装 之 安装React-devtools
倚树探星的博客
04-28 1754
转自：https://blog.csdn.net/weixin_42670455/article/details/101779788 1.下载 1.1 在GitHub上找到项目 GitHub地址：https://github.com/facebook/react-devtools 查看说明： 1.2 执行命令： （1）克隆项目: git clone https://github.com/f...
谷歌浏览器添加react开发工具redux devtools小记
weixin_44265652的博客
03-18 172
谷歌浏览器添加react开发工具react devtools小记 方案一 因为木有科学上网，所以直接访问收藏猫 https://chrome.pictureknow.com/extension?id=b02ac2064fdb4f888357cecbf6487592 选择 下载插件手动安装 下载成crx文件，地址栏输入chrome://extensions/，打开开发者模式，将.crx文件直接拖入浏览器，添加扩展程序，就可以啦 方案二 如果移动浏览器过程中一直在下载，可使用这种方法，将.crx文件改为.
安装React DevTools for Chrome
xixi的博客
09-11 424
1、去git上下载react-devtools文件到本地，https://github.com/facebook/react-devtools/tree/v3 2、进入到react-devtools-master文件夹，用npm安装依赖 $ cd react-devtools-master $ npm --registry https://registry.npm.taobao.org install 3、安装依赖成功后，我们便可以打包一份扩展程序出来 $ npm run build:extensio
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-devtools 基于谷歌的插件3.1版本
02-09
.crx后缀的文件， 打开谷歌浏览器，在路劲栏输入：chrome://extensions/ 将下载的插件拖入谷歌浏览器，然后选中允许访问文件网址。
React Developer Tools Chrome插件 官方版
07-01
React Developer Tools 2.3.3 Chrome插件 官方版
React的浏览器扩展react-devtools.zip
07-19
React Devtools 可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。 标签：react
React-devtools-3.6.0.zip（最新版chrome的React插件）
07-28
chrome谷歌浏览器，打开空白页，地址栏chrome://extensions/打开扩展程序页面（开发者模式），将下载的React-devtools-3.6.0.zip拖拽到该页面，安装成功。
react-devtools 最新插件
03-12
react-devtools 最新插件 react-devtools 最新插件 react-devtools 最新插件 react-devtools 最新插件 react-devtools 最新插件 react-devtools 最新插件 react-devtools 最新插件
react-devtools.zip
06-05
react-devtool版本的手动编译版——适用于离线安装chrome extensions
chromedriver-linux64-V124.0.6367.91 稳定版
04-30
chromedriver-linux64-V124.0.6367.91稳定版
基于yolov7 加入 depth回归
最新发布
04-30
在官方的基础上改了检测头、导出onnx（适配tensorrt pro 项目）、测试demo等代码。 能够使用清华V2X数据集进行训练和测试。 https://www.bilibili.com/video/BV1Wd4y1G78M/?vd_source=0223c707743ff3013adaeff54aee3506 数据集来源：https://thudair.baai.ac.cn/index 基于Yolov7 tiny，加入了距离回归 模型没收敛完，随便试了下，所以预测有抖动 使用TRT加速，在AGX Xavier上推理大约4ms V2X使用tools/convertlabel2yolo.ipynb 进行数据集转换
react-devtools
09-07
React DevTools是一个用于调试React应用程序的开发者工具。您可以通过多种＊＊＊浏览器访问应用商店并安装React DevTools插件。这是最简单的安装方式。 另一种安装方式是通过GitHub＊＊＊ / react-devtools · GitCode]中下载源代码，并按照指示进行编译和安装。 React DevTools可以帮助您查看React组件层次结构、组件的props和state属性。它不仅作为一个浏览器拓展（如：Chrome和FireFox）存在，还可以在其他环境（如：Safari、IE和React Native）中工作。＊＊＊来使用React DevTools。无论哪种方式，React DevTools都是非常有用的调试工具。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值