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

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

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

开发常用工具(Develop Tools)

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

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

AngularJS Batarang v0.10.9

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

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

Augury v1.22.0

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

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

Redux DevTools v2.17.0同类插件推荐

EditThisCookie v1.5.0 Chrome插件

开发者插件 2020-01-01 08:07:20

针对Google Chrome浏览器的第一个也是最棒的cookie管理器。
★ 编辑cookies
★ 删除cookies
★ 添加一个新的cookie
★ 创建cookies
★ 搜索cookies
★ 保护cookies (只读cookies)
★ 拦截cookies (cookie 过滤器)
★ 导出cookies为JSON,

Realtime Data Studio v2.2 Chrome插件

开发者插件 2019-06-13 10:53:40

此扩展将自动刷新任何打开的 google data studio 报告中的数据。您也可以选择循环浏览报告中的页面。
配置选项:
-刷新
之前的延迟-更改页面
之前的延迟-报告标题中必须包含的文本,以便更新
(将此留空以更新任何打开的报告) 警告:
警告:在使用包含来自 bigQuery 、 google cloud SQL 或任

Visual Inspector(前端重构+视觉走查辅助工具) Chrome插件

开发者插件 2020-03-28 02:02:32

Visual Inspector

> 这款插件可以高效的帮助前端工程师重构和设计师UI走查,也可方便前端工程师UI自查。前端工程师在重构阶段就能快速发现页面和视觉稿的差异,减少后期和设计师的UI走查时间:)

> 可以随意修改设计稿`大小`,`位置`,`透明度`,`混合模式`等,方便各种设计风格的UI对比。

> 如果你在做页面重构,实时功能可以很

GistBox Clipper Chrome插件

开发者插件 2015-01-10 12:14:51

从网络上的任何地方保存代码片段。同伴扩展
GistBoxApp.com 。 GistBox快船是同伴扩展GistBox ,最美丽的方式来组织代码片段。它允许用户从网络上的任何页面创建一个GitHub的要点

另存为 - 吉斯特按钮:
GistBox快船将插入一个另存为 - 吉斯特按钮进入顶级任何代码块就可以找到合适的角落。点击按钮启动新要点编辑和创建当场一个新片段中,不用离开页面。作品真的很好用这样的网站StackOverflow的

右键单击上下

Design Grid Overlay v1.0.1 Chrome插件

开发者插件 2019-04-08 13:04:35

使用设计网格是在整个视觉媒体,特别是网站上创造视觉和谐和节奏的一种既定方式。这个设计网格插件可以被配置为与许多流行的网格系统一起工作,包括引导、皮肤、纯、 Susy 、 Foundation 等等。
此扩展允许您输入列、水槽和宽度的网格规范,然后显示网格指南和元素测量,以对齐页面上的内容。
1.0-网格设置的 bug 修复
1.0-添加了键盘快捷键。增加了使用 s

v-coding Chrome插件

开发者插件 2018-03-20 13:53:58

> 1.0 旧版本代码 https://github.com/cyio/v-coding/tree/1.0
> 2.0 使用 react 编写,主要变化是移除了 任务处理

### 主要特性

* 即时过滤项目
* 每个项目有代码、提交历史、合并请求、复制克隆地址等快捷访问链接或功能
* 未读消息Chrome扩展图标提示(由 [fnsoxt]

Quick source viewer Chrome插件

开发者插件 2015-02-09 11:08:40

查看网页源: HTML JavaScript的 CSS
快速源代码查看器是一个Chrome扩展,显示HTML , Javascript和页面在一个快速和紧凑的方式CSS
来源

。源代码是语法彩色,美化,方便阅读。

工具栏中的徽章计数器显示Javascript和CSS的节点数量。

文件大小和缓存头的显示方式。

显示器还具有内嵌的JavaScript onclick处理。

Rax Tools Chrome插件

开发者插件 2020-01-31 04:35:13

Rax 开发周边工具套装,主要功能包括地址栏快捷搜索文档和 Demo ,Weex bundle 扫码,性能及页面稳定性分析等

RaxTools 0.1.1 版本新增更多的学习入口,帮助您更好的学习 Weex 和 Rax。H5 页面性能检测项由原有的 17 项增加至 28 项,检测更加全面。新提供了加载时间分析工具和页面打分系统,帮助开发者更加直观的了解页面性能情况。

Ohrz IP Chrome插件

开发者插件 2017-06-02 19:51:22

在网页右下角显示服务器和本机的IP地址及地理位置,使用纯真IP数据库。
说明:
- 点击图标开启或关闭显示“我的IP”
- 弹窗可以通过点击右上角的“X”关闭

GitHub地址:https://github.com/renzhn/OhrzIP

ARC cookie exchange v0.1.0 Chrome插件

开发者插件 2020-03-03 05:33:06

此小扩展支持高级 REST 客户端会话管理。
它读取 Chrome 存储的 cookies,并将其发送到高级 REST 客户端应用程序。如果请求域与 cookie 域匹配,您的 cookies 将随请求一起发送。所需权限:

* cookies-能够读取对所有网站的 cookies
* 访问-cookies API 可以从扩展名可以读取的域读取 cook

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

Chrome插件离线安装方法