当前位置: 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库打

Ember Inspector

开发者插件 2020-06-18 23:48:32

Ember Inspector是由Ember.js社区维护的一个开源项目,它是一款可以安装到谷歌浏览器上支持所有chrome内核浏览器的chrome开发者插件,用于调试灰烬应用的工具。使用后可让您快速了解和调试

安卓调试工具ADB

开发者插件 2018-04-28 17:30:43

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

Egret Inspector

开发者插件 2019-11-15 15:33:46

Egret Inspector是由白鹭时代软件公司推出的一款功能强大的免费的chrome插件工具,一款Chrome开发者工具插件,能够帮助开发者可视化地调试 Egret 项目。使用 Inspector,你能够穿透 Canvas,用

开发常用工具(Develop Tools)

开发者插件 2019-11-18 16:57:20

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

Augury

开发者插件 2019-08-28 12:35:01

Extends the Developer Tools, adding tools for debugging and profiling Angular 2.0 applications.
Augury is a Google Chrome Dev Tool extension for debugging Angular 2 applications. Treat this as a &

Ember Inspector v3.6.0

开发者插件 2020-06-18 23:11:20

Ember Inspector是由Ember.js社区维护的一个开源项目,它是一款可以安装到谷歌浏览器上支持所有chrome内核浏览器的chrome开发者插件,用于调试灰烬应用的工具。使用后可让您快速了解和调试

Augury v1.22.0

开发者插件 2019-08-28 12:33:15

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

Redux DevTools v2.17.0同类插件推荐

Alexa Traffic Rank v4.0.3 Chrome插件

开发者插件 2019-07-11 17:12:03

Alexa 流量排名是 Chrome Internet 对 Chrome 的免费扩展。当你冲浪时,Alexa 扩展会伴随你,为你提供关于你访问的网站的 Alexa 数据,而不会中断你的浏览。Alexa 扩展还包括 Alexa 流量面板中的您。
快速方便地访问网站的 Alexa 流量排名和链接的网站。这个网站的流量与网站上的其他网站相比如何?
查看网站的评论程度。你同意吗?按照

埋点检测工具 Chrome插件

开发者插件 2015-01-23 00:40:56

一键检测页面埋点布置情况,可检测etao.com及s.taobao.com的页面埋点。
一键检测页面埋点布置情况@etao.com|s.taobao.com。
有问题可联系wb-wanghao@taobao.com
修复新版etao报错的问题@130607

Trello-Office Chrome插件

开发者插件 2016-03-21 00:20:17

project management and time tracking based on trello
This services is intended to enable you to log time on your tasks you use in trello.

We are now in a kind of beta state, but the targe

Adobe Edge Inspect CC Chrome插件

开发者插件 2015-02-16 00:19:09

无线连接多个的iOS和放大器; Android设备到您的计算机。同步浏览,检查和放大器;调试设备上。
的Adobe边检查(前身的Adobe阴影)是网页设计师和开发谁是针对移动浏览器。安装边检查您的计算机上之后,您就可以配对的设备,让他们在同步浏览你的计算机,并进行远程检查和调试,所以你可以看到HTML / CSS / JavaScript的设备上的瞬间变化。这个Chrome扩展需要Adobe边沿检查软件的Windows或OS X.

边检查包括的Windows / OS X应

二维码生成器(qrcode) Chrome插件

开发者插件 2016-01-12 09:09:45

二维码生成器,再也不用手写输入超长URL了
二维码生成器,再也不用手写输入超长URL了。
点击一下即可生成URL的二维码。
同时支持生成指定链接二维码。
小伙伴们是不是觉得很方便呢?^_^

JSON Viewer Awesome Chrome插件

开发者插件 2019-11-04 11:10:24

This extension assist you to visualize JSON response from any website or API request in your browser. It introduces you with awesome JSON prettifying experiences. It has many unique features that make

NetBeans Connector v1.1.5 Chrome插件

开发者插件 2019-11-30 14:23:20

NetBeans IDE 为 JavaScript 和 html 提供了一套完整的开发工具,包括代码编辑、调试、实时造型、使用 iOS 和 Android 设备进行开发等等,等等。Chrome 的 NetBeans 连接器促进了两者之间的紧密集成。通过这种集成,能够:

* 从 IDE 本身
* 双向元素检查中保存
* Live DOM 导航时刷新。在