当前位置: Chrome插件首页 > 开发者插件 > Redux DevTools v2.17.0 Chrome插件

Redux DevTools v2.17.0 Chrome插件

插件分类:开发者插件
直达下载

Redux DevTools v2.17.0 Chrome插件图文教程

Redux DevTools插件概述

Redux DevTools是一个开源项目,是为谷歌浏览器用户打造的一款实用调试插件,主要适用于开发者使用,使用该插件可以有效地对应用程序或者网页的状态进行调试操作,这个插件拥有丰富的设置参数和可视化工具,可以随时查看到触发的action的变化,是您调试redux的好帮手。它还可以与处理状态的任何其他体系结构一起使用。
Redux DevTools插件概述

Redux DevTools插件功能

1.使您可以检查每个状态和动作有效负载。
2.让您通过“取消”操作来回到过去。
3.如果更改减速器代码,则将重新评估每个“分阶段”操作。
4.如果减速器抛出,您将看到发生在哪个操作中以及错误是什么。

Redux DevTools插件安装使用

1.在使用Chrome Redux调试插件之前,我们需要做一些项目的基本配置。我们要安装到项目的一些基本使用,如: react、redux、react-redux等。基本框架如下:
Redux DevTools插件安装使用
2.你可以从chrome应用商店里找到Redux DevTools插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Redux DevTools插件下载地址,当然你也可以借助于或者其他手段访问chrome应用商店。
3.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面即可。
Redux DevTools插件安装使用
4.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法安装好后即可使用。
5.
chrome浏览器安装好后,在浏览器的右上方会出现Redux DevTools插件的按钮。
Redux DevTools插件安装使用
6.
要想使用chrome redux调试插件,还需要在项目中安装 redux-devtools-extension 插件。其安装方法如下:
即在项目中直接执行下面的安装命令:npm install redux-devtools-extension --save-dev
7.安装成功后,还需要redux-devtools在项目中的配置,实际上就是在创建store的时候把redux-devtools安装即可。
import Redux from 'redux'
// 引入createStore创建store,引入applyMiddleware 来使用中间件
import {createStore, applyMiddleware} from 'redux'
// 引入所有的reducer
import storeReducer from '../Reducer/index.jsx'
// 利用redux-logger打印日志
import {createLogger} from 'redux-logger'
// 安装redux-devtools-extension的可视化工具。
import { composeWithDevTools } from 'redux-devtools-extension'
// 使用日志打印方法, collapsed让action折叠,看着舒服。
const loggerMiddleware = createLogger({collapsed: true});
export default  createStore(   
 storeReducer,   
 composeWithDevTools(    )
);
Redux DevTools插件安装使用

Redux DevTools v2.17.0 Chrome插件图片

  • Redux DevTools v2.17.0插件图片

Redux DevTools v2.17.0基本信息

插件名称:Redux DevTools v2.17.0 插件作者:remotedevio 插件语言: English 官方站点:暂无 插件唯一标识:lmhkpmbekcpmknklioeibfkpmmfibljd_2.17.0

Redux DevTools v2.17.0用户数和评分

下载次数:639293 用户评分:4.73451 (共5分) 参与评分人数:452

Redux DevTools v2.17.0文件信息

当前版本:2.17.0 最后更新日期:2020-07-12 文件大小:1.64MiB

当前插件其他版本列表

Redux DevTools v2.17.0下载地址

Redux DevTools v2.17.0相关插件

Redux DevTools

开发者插件 2019-11-22 21:07:23

Redux DevTools是一个开源项目,是为谷歌浏览器用户打造的一款实用调试插件,主要适用于开发者使用,使用该插件可以有效地对应用程序或者网页的状态进行调试操作,这个插件拥有丰富

Redux DevTools v2.17.0

开发者插件 2019-11-22 20:46:25

Redux DevTools是一个开源项目,是为谷歌浏览器用户打造的一款实用调试插件,主要适用于开发者使用,使用该插件可以有效地对应用程序或者网页的状态进行调试操作,这个插件拥有丰富

Adobe DTM Switch

开发者插件 2019-05-19 03:28:04

这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器。调试模式...
这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器。调试模式启动DTM库打

AngularJS Batarang

开发者插件 2020-12-23 23:10:12

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手。

Vue.js devtools

开发者插件 2019-02-14 09:50:00

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。有关Vue.js的更多

安卓调试工具ADB

开发者插件 2022-05-03 11:25:28

ADB 是Android的一个很重要的调试工具,熟练掌握后可实现很多功能,比如有些手机的解锁、ROOT就会用到adb工具。可很多朋友都说不会安装,今天就从最开始的安装方法说起。想要查看A

开发常用工具(Develop Tools)

开发者插件 2022-05-03 11:23:39

开发常用工具(Develop Tools)Chrome插件是一款可以安装到谷歌浏览器上使用,并支持所有chrome内核浏览器安装操作的浏览器辅助插件,这款开发常用工具包含Unix时间戳、URL编码/解码、汉字转

AngularJS Batarang v0.10.9

开发者插件 2020-12-23 22:54:19

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手

Augury v1.22.0

开发者插件 2022-05-03 11:09:45

Augory 是 Google Chrome 开发工具的扩展,用于在运行时调试和可视化 Angular 应用程序。
-1.22.0 版本中的新功能
* 修复了启用 HMR 的应用程序的问题

Redux DevTools v2.17.0同类插件推荐

WeChat KF Alert Chrome插件

开发者插件 2019-06-02 15:43:48

主要用于微信客服-网页端的监控
1 监控新用户的接入,并触发声音和弹窗告警
2 对于未回复的用户消息,进行自动告警
3 对客服转接消息进行告警
4 chrome://flags -》Silent Debuging Mac Windows Linux Chrome OS -》 stop
去掉提示框

更多详情请联系yhs666@

Quick SEO - PageRank, Backlinks & Alexa Tool Chrome插件

开发者插件 2015-01-21 09:16:22

快速和放大器;重量轻SEO工具来分析的PageRank ,反向链接, Alexa排名等搜索引擎优化指标。
快速SEO是一个非常快速和易于使用的搜索引擎优化工具来分析SEO指标。它为您提供了方便地访问重要的SEO信号和数据一样的PageRank ,反向链接, Alexa排名和流量估算

反向链接检查: - 它还提供了访问RankSignals ,一个免费的工具进行分析的反向链接< BR / 。 >
SEO指标
- 的PageRank (当前页面&安培;网页)

AngularJS Batarang Chrome插件

开发者插件 2020-12-23 23:10:12

angularjs batarang是一款针对谷歌浏览器用户打造的一款增强插件,该插件主要用于开发者进行脚本的编译和调试操作,可以有效地加速开发者的进程,是您调试AngularJS程序的好帮手。

Weixin Mock Chrome插件

开发者插件 2015-03-22 21:47:39

模拟微信分享
点击右上角图标,弹出新标签页,在新标签页中打开, 打开开发者工具,选择移动调试模式;

在页面输入需要调试的网址,打开,正常按照微信的操作测试分享逻辑等;

Relim Developer Tools v3.0.17 Chrome插件

开发者插件 2019-12-13 22:54:23

relim chrome浏览器插件,用于在线编辑代码预览效果。

relim文件通常都作为后端模版放在后端代码库中,在开发过程中,对于前端开发人员如果不进行一些hack,那么我们就需要不断将代码上传开发环境中,并同步模版。模版同步好后我们才能看到效果。对于需要大量调整样式的前端UI开发来说,这是不可接受的。特别对于已经上线的代码如果发生了bug,我们必须等待重新搭建好本地测试开发环

NoFollow v4.1.0 Chrome插件

开发者插件 2019-04-11 14:17:44

:: 特点
★支持搜索引擎特定的机器人元标签★禁用或启用定义网站的扩展: 最低要求 Chrome v29
: 联系和报告问题:
http://w.igorware.com/contact
------------------------------------------------------Changelog
v4.1.0-更新了 Chr

天天签到 Chrome插件

开发者插件 2016-12-08 23:30:43

每天自动在各平台签到,获取淘金币、京豆、筹码、下载券等,积少成多实时掌控
每天自动在各平台签到,获取淘金币、京豆、筹码、下载券等,积少成多实时掌控

d3coder v2.0.6 Chrome插件

开发者插件 2020-04-21 23:27:11

重要提示: 如果你有问题、 bug 报告或功能请求,请不要将它们作为评论发布,而是通过 Github 提交 (首选) 或者通过 Chrome web store 的 “发送反馈” 功能。我会忽略通过评论提交的任何功能请求,因为它们很难猜测你想要/需要什么,我也不是魔术师或灵媒! 此扩展使您能够通过上下文菜单对选定的文本进行编码和解码。这减少了你查找编码值的时间,让你有更多的时间专注于开发的重要事情

Lambda Github 助手 Chrome插件

开发者插件 2018-11-30 07:25:06

使用Github或Github Enterprise管理AWS Lambda的inline代码。
功能点:
・Github-Lambda间的Push/Pull操作
・在Lambda管理界面上创建Github的仓库,分支及文件
・Push/Pull时的差分表示
・支持提交代码时的注释
・支持Github及Github Enterprise
・支

为打击盗链困扰,本站已启用公众号人机验证
微信扫码关注公众号,发送"插件"二字获得验证码,验证码5分钟有效。

Chrome插件离线安装方法