AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

项目chrome安装react devtools

2023-02-21 117
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 下载网站地址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://extensions/ or find by Chrome menu icon > More tools > Extensions), and then drag-and-drop the *.crx f

说明：

 

网上从github下载，那套方法，经实验报错，

c0e4340ecc38089dd72d64ac16de62a.png

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://extensions/ or find by Chrome menu icon > More tools > Extensions), and then drag-and-drop the *.crx file to the extensions page to install it.


重启浏览器即可。


文章标签：
前端开发
Web App开发
关键词：
Chrome devtools
安装React Native
React Native devtools
项目React Native
项目安装React Native
五月呀
目录
相关文章
六卿
|
9天前
|
前端开发 JavaScript
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
本文介绍了在React项目中实现路由懒加载的方法，使用React提供的`lazy`和`Suspense`来优化项目首次加载的速度。通过将路由组件改为懒加载的方式，可以显著减少初始包的大小，从而加快首次加载速度。文章还展示了如何使用`Suspense`组件包裹`Switch`来实现懒加载过程中的fallback效果，并提供了使用前后的加载时间对比，说明了懒加载对性能的提升作用。
六卿
27 2
React项目路由懒加载lazy、Suspense，使第一次打开项目页面变快
奔跑的数据
|
28天前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol：如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率，结合代理IP技术高效采集微博数据。通过CDP，开发者可直接操作浏览器底层功能，如网络拦截、性能分析等，增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为，提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
奔跑的数据
138 3
WebDriver与Chrome DevTools Protocol：如何在浏览器自动化中提升效率
六卿
|
9天前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时，刷新页面导致404错误的问题，并提供了两种解决方案：一是在SpringBoot启动类中配置错误页面重定向到index.html，二是将前端路由改为hash模式以避免刷新问题。
六卿
49 1
六卿
|
9天前
|
移动开发 前端开发
react项目配合diff实现文件对比差异功能
在React项目中，可以使用`diff`库实现文件内容对比差异功能。首先安装`diff`库，然后在组件中引入并使用`Diff.diffChars`或`Diff.diffLines`方法比较文本差异。通过循环遍历`diff`结果，可以生成不同样式的HTML元素来高亮显示文本差异。
六卿
20 1
react项目配合diff实现文件对比差异功能
六卿
|
9天前
|
前端开发 算法 JavaScript
React项目input输入框输入自动失去焦点
本文讨论了在React项目中如何处理input输入框自动失去焦点的问题，特别是在移动端开发中。文章提供了一个使用React Native的TouchableWithoutFeedback组件来监听点击事件，并在事件处理函数中通过调用Keyboard.dismiss()方法使输入框失去焦点的示例代码。这种方法可以确保在用户点击页面其他区域时，键盘能够收起，输入框失去焦点。
六卿
25 1
React项目input输入框输入自动失去焦点
六卿
|
9天前
|
JavaScript 前端开发 应用服务中间件
本地运行打包好的React、Vue项目
本文讨论了如何本地运行打包好的React和Vue项目，并解决了使用React-Router时Tomcat部署刷新页面导致404的问题，提出了将请求转回index.html的解决方案。
六卿
13 1
本地运行打包好的React、Vue项目
换个网名有点难
|
3月前
|
Web App开发 缓存 监控
如何使用 Chrome DevTools 的 Performance 面板进行页面加载性能分析？
如何使用 Chrome DevTools 的 Performance 面板进行页面加载性能分析？
换个网名有点难
113 0
游客zi3qmblbcdexu
|
9天前
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目（二）
使用vite+react+ts+Ant Design开发后台管理项目（二）
游客zi3qmblbcdexu
21 2
石小石Orz
|
2月前
|
JSON 前端开发 JavaScript
使用vite搭建一个React项目！真香！
【8月更文挑战第13天】使用vite搭建一个React项目！真香！
石小石Orz
121 3
使用vite搭建一个React项目！真香！
六卿
|
7天前
|
缓存 前端开发 JavaScript
在react项目中实现按钮权限createContext && useContext
文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
六卿
12 0

热门文章

最新文章

  • 1
    开发跨平台app推荐React Native还是flutter？
  • 2
    React Native 运行报错 error in opening zip file
  • 3
    【REACT NATIVE 系列教程之六】重写SHOULDCOMPONENTUPDATE指定组件是否进行重绘
  • 4
    带你读《React+Redux前端开发实战》之一：React入门
  • 5
    react实战笔记143:修改代码
  • 6
    react实战笔记172:navigate组件
  • 7
    react实战笔记32:定义练习得结构1
  • 8
    react实战笔记101:什么是副作用2
  • 9
    react实战笔记146:useQuery的返回值1
  • 10
    react实战笔记180:用redux存储登录状态1
  • 1
    性能工具之前端分析工Chrome Developer Tools性能标签
    66
  • 2
    控制台出现报错DevTools failed to load source map: Could not load content for chrome-extension://的原因及解决方案
    242
  • 3
    防止你的 Web 应用被别人通过 Chrome 开发者工具进行调试的一种简单办法
    86
  • 4
    关于使用 Python 和 Selenium chrome driver 访问 url 时修改 source ip 的问题
    123
  • 5
    使用vue快速开发一个带弹窗的Chrome插件
    212
  • 6
    从零开始，轻松打造个人化Chrome浏览器插件
    152
  • 7
    谷歌公布 2023 年最受欢迎Chrome扩展
    95
  • 8
    【JavaEE初阶】 CSS相关属性,元素显示模式,盒模型,弹性布局,Chrome 调试工具||相关讲解
    80
  • 9
    只需五步，在Linux安装chrome及chromedriver（CentOS）
    1741
  • 10
    chrome插件安装方法教程
    71

    • 相关课程

    更多
  • React 入门与实战
  • React 入门教程开发文档
  • Vue.js 入门与实战
  • 前端自动化构建工具 Webpack

    • 相关电子书

    更多
  • 利用编译将 Vue 组件转成 React 组件
  • React Native 全量化实践
  • React在大型后台管理项目中的工程实践
    • 下一篇
    无影云桌面