当前位置: 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-05-17 文件大小: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库打

copper

游戏娱乐插件 2020-02-18 15:51:05

倾翻和增值服务
铜是一个临界和增值服务。我们提供风扇一键选择,支持内容创作者的工作。球迷们可以翻倒在网络上的任何URL。我们负责寻找和支付的作者。铜介绍一款型号为货币

CORS Toggle

开发者插件 2020-02-10 18:26:36

CORS Toggle插件是一款可以切换跨域资源共享并允许/禁用跨域请求的chrome插件,它更有效的是,只在打开扩展名时更改XMLHttpRequest响应标头。CORS Toggle插件对于在开发环境中进行调试很有用

安卓调试工具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同类插件推荐

Dejavu: ElasticSearch Web UI v3.2.1 Chrome插件

开发者插件 2020-01-11 20:06:07

注意: 3.0 + 版本现在允许连接到多个索引,查看嵌套在对象中的数据,并打包主要的性能升级。 dejavu 是一款用于弹性搜索的现代开源 web UI,它配备了强大的视觉数据过滤器、导入和导出 JSON/CSV 文件的 GUI,查询资源管理器和丰富的搜索 UI 构建器。你可以用它做什么: 导入你的数据 (JSON,CSV) 文件, 浏览数据 (强大的搜索和过滤功能),执行 CRUD 操作添加新的

The Squint Test Chrome插件

开发者插件 2016-07-05 08:27:37

Do a simple squint test on the page to ensure the primary elements have focus
A simple tool for running squint tests on pages to ensure the primary elements have focus in your sites.

Can I Use v0.1.1 Chrome插件

开发者插件 2019-11-15 04:49:39

非官方的 “我可以使用” Chrome 扩展
将 caniuse.com 的力量放入 Chrome 浏览器中的一个漂亮的小弹出窗口中,以实现以下是这个扩展的一些特性和优点:
-类似于 caniuse.com 的设计既然他们在 UI 方面做得很好,为什么要改变它?这也让你可以看到一些可识别的东西。
-能够配置出现的浏览器和版本,允许你删除垃圾。默认情况下,相对于当前版

Github Contributions Chrome插件

开发者插件 2017-09-04 23:42:14

Brings back the old Github contributions table
With the latest revamp to Github's profile page, we've lost our beloved Contribution Table just below the graph. This plugin would bring back

O-Engine Chrome插件

开发者插件 2018-12-12 05:30:02

Extension to easily access the Ranking of the webpage, in addition to getting information on indexed pages, keywords, teasers&banners info and more.
Note: O-Engine features work through the API se

Applitools Eyes Express v1.31 Chrome插件

开发者插件 2019-03-06 01:52:08

自动化视觉测试是测试任何网页的最简单和最快的方法,就像最终用户看到的那样。
Applitools Eyes Express 更进一步: 在不编写任何测试代码的情况下,立即测试您的网站或应用程序是否存在视觉回归和功能错误。Applitools Eyes Express 捕捉单个网页或整个网站的截图,使用复杂的图像处理算法来识别 UI 和功能缺陷, 并确定截图是否从发布更改为发布。

User JavaScript and CSS Chrome插件

开发者插件 2019-08-09 18:11:54

Userscript 和 userstyle 的-向任何页面注入自己的 JavaScript 或 CSS 规则的简单扩展。
特点:
-即时执行
-自定义库包括
-URL 屏蔽允许在许多页面上使用一个脚本或 CSS 日志:
版本 1.5
-“导入” 和 “自动重要 css” 功能的解决 bug
-“自动重要 css”默认情况下

重庆彩开奖号码官方 甘肃十一选五开奖 腾讯分分彩后二教学 心水清码必中特猜一生肖 急速赛车手机游戏 群英会开奖走势图 湖北11选5任二遗漏表 迎客松配资 湖北快3开奖数据 股票利好消息最新公 吉林快三开奖结果果 上海十一选五 北京pk赛车杀号冠军 聚财略配资 甘肃快3彩票技巧 基金配资价格 铁算盆王中王现场开奖结果+小说