Redux-Devtools调试工具安装使用

1、Redux-Devtools调试工具下载
方式一：去谷歌应用商店搜索redux-devtools直接安装即可，但又一个前提条件（需要翻墙，这里不考虑）；
方式二：可以去chrome插件网下载，下载地址为：http://chromecj.com/web-development/2018-03/931/download.html，下载过程需要关注公众号，发送插件即可得到验证码进行下载；
2、安装过程

经过刚才的步骤，此时你得到的是一个后缀名为crx的文件，然后打开chrome浏览器，点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择工具选项，然后点击扩展程序来启动Chrome浏览器的扩展管理器页面。
在打开的谷歌浏览器的扩展管理器中用户可以看到一些已经安装程序的Chrome插件，或者一个Chrome插件也没有。
找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中。
松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。
用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。
注意：到了这步，我猜有些小伙伴的电脑会显示文件无效字样，不用着急，我还有办法（但首先要确保此时已经打开了开发者模式）：
将刚下载的.crx的chrome插件重命名为.zip压缩包
解压刚刚重命名的压缩包
打开chrome——>扩展程序——>加载已解压的扩展程序（确保开发者模式打开）——>选择刚刚解压的文件夹；
如果加载失败，打开已经解压的文件夹，将里面的"_metadata"文件夹改名为"metadata"（去掉开头的下划线）；

总结：正常按照以上步骤操作亲测可以完美安装和使用；但是还有一点千万不要忘了，就是要在你的项目中安装redux-devtools-extension（千万不能忘），如果安装成功了的小伙伴，帮忙点个赞吧；

Redux-Devtools调试工具安装使用相关推荐

firefox Chrome浏览器redux devTools调试工具
浏览器安装扩展工具插件下载: Releases · zalmoxisus/redux-devtools-extension · GitHubRedux DevTools extension. Con ...
Chrome浏览器安装 React Developer Tools和Redux DevTools插件
正文: 1. 首先,下载react-developer-tools开发调试工具插件.(下面还要安装redux插件,一并给出) react插件: 链接: https://pan.baidu.com/s/ ...
Redux DevTools工具的安装
什么是Redux DevTools? Redux DevTools是一款由Redux官方提供的浏览器调试工具,可以让我们更加方便的对Redux保存的状态进行追踪调试. 大白话就是:类似于Vuex. 完 ...
一个好用的查看Angular应用ngrx状态的Chrome扩展：Redux devTools
Redux DevTools: https://chrome.google.com/webstore/detail/lmhkpmbekcpmknklioeibfkpmmfibljd 安装完毕后,在Ch ...
Chrome插件 Redux DevTools
简介 Redux DevTools可以有效地对应用程序或者网页的状态进行调试操作,这个插件拥有丰富的设置参数和可视化工具,可以随时查看到触发的action的变化. 简单使用需要(找梯子)在Chro ...
关于Devtools调试工具不亮或者开发者工具不出现vue插件的问题
bug反馈:关于Devtools调试工具不亮.不出现的问题异常: 正常: ◾不亮的解决方案: 在浏览器-扩展程序-详情中打开下面两项 ◾不出现在开发中工具中: 可能的原因: 1.使用了生产环 ...
谷歌浏览器添加React Developer Tools和 Redux DevTools
谷歌浏览器添加React Developer Tools和 Redux DevTools 1.下载扩展程序本地包 2.点击谷歌浏览器右上角 -> 设置 -> 扩展程序 3.加载已解压的扩展 ...
安装Vue Devtools调试工具插件
Vue Devtools是Vue官方推出的浏览器插件,可以算是Vue开发调试神器,它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化,让你告别console大法.非常好用,谁用谁知道,Vu ...
vue-devtoools 调试工具安装
1.github下载地址:https://github.com/vuejs/vue-devtools 有Git的同学直接 git clone https://github.com/vuejs/vue- ...
vue devtools 插件安装
谷歌应用商店打不开,可以使用这种方式来安装 vue 调试工具. https://chrome.zzzmh.cn/#/search 点击下载后,下载的内容是一个安装包,将安装包中 .crx 文件解压后直 ...

Redux-Devtools调试工具安装使用

Redux-Devtools调试工具安装使用相关推荐

最新文章

热门文章