关于react.js:chrome浏览器插件react-devtoolsredux-devtools无需安装解压即可用

react devtools用于调试react代码，能够查看到props、state的值，以及定义的hooks，而redux devtools能够追踪到action的派发、store的变动，两个都是react开发过程中十分好用的工具！

上面是附上两个开发者工具下载地址

react devtools 
链接：https://pan.baidu.com/s/1gLF1Bw9vn6CRiWnFayfJYA 提取码：shsk
redux devtools
链接：https://pan.baidu.com/s/1FI7RU3vQ1raEXpmQ-fwXUA  提取码：in0n

下载文件后解压

关上拓展程序，抉择 加载已解压的拓展程序，导入下面的文件夹

导入文件夹后就能够在拓展程序里看到 react 和redux的开发者工具

点击右上角的用户旁相似于 拼图 的按钮，将react、redux开发者工具固定在导航栏处，如果该页面应用了react / redux，对应的图标会变亮，生产环境和开发环境亮的色彩不一样，如果没有应用则置灰

而后通过 ctrl + shift + i，查看/审查元素，当该页面有应用react / redux 时，能力找到 react / redux 的开发者工具，抉择即可进行相干的调试

以上就是react/redux的开发者工具装置步骤