当前位置: 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 Chrome插件基本信息

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

Redux DevTools v2.17.0 Chrome插件用户数和评分

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

Redux DevTools v2.17.0 Chrome插件文件信息

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

当前插件其他版本列表

Redux DevTools v2.17.0 Chrome插件下载地址

本站下载 已有 639293 人成功下载

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库打

安卓调试工具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 &

Augury v1.22.0

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

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

Redux DevTools v2.17.0 同类插件推荐

Testability ids! Chrome插件

开发者插件 2014-11-30 19:30:51

添加了从DOM树数据testabilityid属性基于文件DOM树元素路径上的所有HTML元素具有独特的价值。
可测性IDS帮助那些需要自动化的Web应用程序测试的测试人员。
它递归地通过网络散步页面的DOM树,并增加了数据testabilityid属性与价值,代表独特的元素路径DOM树的根节点。
走触发每一个DOM树的变化。
通过使用SHIFT 鼠标可以调查所产生的价值左键单击当你在页面元素。值将被打印在JavaScript控制台testability_ids

Sharepoint.plus Chrome插件

开发者插件 2015-01-26 12:22:20

修复在Chrome的SharePoint滚动功能。提供了一个简单的访问库和列表。
1 。修复的SharePoint滚动
2 。显示列表/库属于SharePoint站点
显示列表/库列​​详细
执行CAML查询开发



更新历史:

版本0.2.4于2013年5月3日
添加导出函数的查询结果。

版本0.2.2于2013年4月28日
添加时变暖消息SharePoint客户端脚

Breakpoint media-queries Chrome插件

开发者插件 2015-10-30 08:43:23

生成媒体的查询,显示屏幕尺寸的宽度和链接的媒体查询片段列表。
扩展生成媒体查询使用最大宽度,帮助您看到当前屏幕尺寸的宽度和链接你的列表

Unix Timestamp Converter v0.3.41 Chrome插件

开发者插件 2019-05-21 01:06:35

将时间 unix 时间戳转换为人类可读的日期,或者将人类可读的日期转换为 unix 时间戳。你选择!
人类可读的日期接受一系列时间戳,包括现在、明天、 5 年后。试一试就行了

Redirect Path v2.2.1 Chrome插件

开发者插件 2019-03-25 17:11:00

重定向路径标记了 301,302,404 和 500 个 HTTP 状态代码,以及像 Meta 和 Javascript 重定向这样的客户端重定向,带来了可能不会立即引起你注意的潜在问题。除了标记重定向和错误之外,插件

Unity asset store Chrome插件

开发者插件 2016-04-10 20:19:47

Browse all Unity assets on the official asset store
Browse and download all Unity Assets on the official Unity3D asset store.

Categories :
- 3D Models
- Animation
- Applicati

Accessibility Developer Tools Chrome插件

开发者插件 2015-02-11 12:41:10

辅助审计和元素属性
这个扩展将增加一个辅助审计,并在元素标签的辅助功能的侧边栏面板,为您的Chrome开发人员工具

要使用审核: 。进入审核选项卡,选择辅助审计,然后单击运行。审计结果将作为规则它们由页违反(如有的话) ,以示出其结果为每个规则在网页上的一个或多个元素的列表。

要使用边栏窗格:检查一个元素的元素选项卡,然后展开侧边栏辅助窗格(请注意,它可能离屏如果样式窗格中打开) 。如果检查元素有相关的辅助功能的任何属性,这些属性会显示在侧边栏窗格中。您也