当前位置: 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程序的好帮手。

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

RDS bar (seo: pagerank, dmoz, alexa, pr) v5.2018.111.125 Chrome插件

开发者插件 2020-06-19 02:58:53

RDS bar 可以做什么:
“索引 G”-显示 Google 索引的网站页面数量。允许在附加设置中选择 Google 区域。你也可以检查谷歌在搜索结果中使用的数字页面,除了 % 比率的 “狙击” 页面 (补充索引)。
“索引 G 页面”-Google 中给定网站页面的索引。
“PR”-相关页面的 Google 页面排名。允许在括号中查看当前页面和主页的 PR。

代理助手 v1.2.7 Chrome插件

开发者插件 2019-10-15 00:35:49

默认情况下,Chrome 使用系统代理设置 (即 Windows 平台上的代理设置),但是有时我们只想为 chrome 而不是整个系统设置代理。
我的代理扩展使用 Chrome 本机代理 API 设置代理,支持快速简单的 socks5 、 socks4 、 http 、 HTTPS 协议和 pac 脚本。要使用此扩展,请先在 “选项” 页面上设置代理服务器信息,然后在弹出页面上选择代理类

Site Geo IP Locator Chrome插件

开发者插件 2016-04-25 00:13:04

Shows the IP address of current web site, locate the IP geolocation on the map.
This is a GEO IP locator for webmaster.

If you click the icon in the a tab that opened a web page, it shows

Clockwork Chrome插件

开发者插件 2015-03-08 10:32:38

Devtools面板PHP开发
发条是一个Chrome扩展对于PHP开发,扩展开发工具与一个新的面板提供各种信息用于调试和分析你的PHP脚本,包括请求信息,标题, GET和POST数据,饼干,会话数据,数据库查询,路线,应用程序运行时间和更多的可视化。发条包括了对Laravel 4和修身2应用程序的内置支持,您可以通过一个可扩展的API支持添加任何其他或定制的框架。

要使用这个扩展,你需要安装一个服务器 - 可通过packagist端组件 - https://packagis

d3coder Chrome插件

开发者插件 2016-08-09 20:59:26

Encoding/Decoding Plugin for various types of encoding like base64, rot13 or unix timestamp conversion
IMPORTANT: If you have questions, bug reports or feature requests please do not post them as

Slearch v1.6.0 Chrome插件

开发者插件 2019-03-05 05:01:33

Slearch add是浏览器的快捷方式。 当按下“/”键时,它会在页面上寻找第一个搜索框并将其重点放在。

这可以帮助您节省时间查找和点击搜索框。 如果你喜欢键盘快捷键,你会喜欢Slearch。

这是一个“无声”的扩展,它不会发送通知或有任何弹出窗口,只是快捷方式!

重要:
有些情况下,扩展程序在网页上找不到搜索栏,可能是由于以下原因之

1px v0.7.77 Chrome插件

开发者插件 2020-04-17 14:41:29

为什么会有1px?
目前设计师对于设计图的还原度要求较高

1px能做什么?
将设计图与网页进行对比,找到其中的细微差别

怎么使用1px?
安装1px后点击右上角1px的图标,点击“管理图片”,然后再新开的页面中添加图片。
添加成功后,即可插入到相关页面
ps1:由于chrome安全限制,目前无法直接对本地HTML页面进行“

Polyocat Chrome插件

开发者插件 2020-01-31 00:09:37

Github 中文化插件

Currently only supports zh-CN, but you can add your own languages.

Visit https://twhy.github.io/polyocat