chrome浏览器安装redux-devtools调试工具

chrome浏览器安装redux-devtools调试工具

    • 1.点击进入https://www.chromefor.com/
    • 2. 在搜索框搜索redux
    • 3. 找到最新版本(Redux DevTools_v2.17.0)进行下载
    • 4. 选择下载线路,此线路可任意选择(本人选择香港线路)
    • 5. chrome浏览器下载时需要选择“保留”
    • 6. 下载成功后,修改文件扩展名为rar,再进行解压
    • 7. 将解压的扩展文件夹copy到chrome文件夹下(不容易丢失)
    • 8. 去掉_metadata文件夹前面的_,否则chrome无法识别该扩展程序
    • 9. 打开chrome浏览器,进入扩展程序页面
    • 10. 开启“开发者模式”
    • 11. 点击“加载已解压的扩展程序”, 选择第10步的扩展程序文件
    • 12. 至此,安装成功!

1.点击进入https://www.chromefor.com/

chrome浏览器安装redux-devtools调试工具_第1张图片

2. 在搜索框搜索redux

chrome浏览器安装redux-devtools调试工具_第2张图片

3. 找到最新版本(Redux DevTools_v2.17.0)进行下载

chrome浏览器安装redux-devtools调试工具_第3张图片

4. 选择下载线路,此线路可任意选择(本人选择香港线路)

chrome浏览器安装redux-devtools调试工具_第4张图片

chrome浏览器安装redux-devtools调试工具_第5张图片

5. chrome浏览器下载时需要选择“保留”

在这里插入图片描述

6. 下载成功后,修改文件扩展名为rar,再进行解压

下载成功:
在这里插入图片描述
修改文件扩展名为rar
chrome浏览器安装redux-devtools调试工具_第6张图片
解压文件
chrome浏览器安装redux-devtools调试工具_第7张图片
解压成功
chrome浏览器安装redux-devtools调试工具_第8张图片

7. 将解压的扩展文件夹copy到chrome文件夹下(不容易丢失)

chrome浏览器安装redux-devtools调试工具_第9张图片

8. 去掉_metadata文件夹前面的_,否则chrome无法识别该扩展程序

chrome浏览器安装redux-devtools调试工具_第10张图片
chrome浏览器安装redux-devtools调试工具_第11张图片

9. 打开chrome浏览器,进入扩展程序页面

  1. 方法一:
    chrome浏览器安装redux-devtools调试工具_第12张图片
  2. 方法二:
    在chromel浏览器地址栏进入chrome://extensions/

10. 开启“开发者模式”

打开右上角开发者模式开关

在这里插入图片描述
就可以看到如下信息:
chrome浏览器安装redux-devtools调试工具_第13张图片

11. 点击“加载已解压的扩展程序”, 选择第10步的扩展程序文件

点击“加载已解压的扩展程序”
chrome浏览器安装redux-devtools调试工具_第14张图片
选择扩展程序
chrome浏览器安装redux-devtools调试工具_第15张图片

12. 至此,安装成功!

chrome浏览器安装redux-devtools调试工具_第16张图片


你可能感兴趣的:(react)