当前位置: 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.
安装好后,在浏览器的右上方会出现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-11-30 文件大小: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 同类插件推荐

Password Generator Chrome插件

开发者插件 2015-05-28 03:33:44

可以让你在运行中生成定制的安全密码。
这是纯粹的随机密码生成的扩展。你5到20个字符之间设置的长度,如果你想让它包含大写,小写,数字和特殊字符,然后单击生成。因为我想成为密码的习惯,很好看,我说得那么你可以选择1至5个密码一气呵成生成,使其更容易获得这些。

现在只需选择生成的密码最漂亮的,你就大功告成了! ; )

0.2版具有题材支持,你可以在三种不同的人之间进行选择,但你也可以添加自己的,或者如果你愿意的话编辑现有的。

Вверх! Chrome插件

开发者插件 2016-07-19 18:38:01

Подняться на один уровень вверх
Коротко: переходит на один уровень в структуре сайта вверх.
UPD 0.3: значок заменён на стрелку "вверх" для наглядности.
UPD 0.5: технический перех

ScreenLab Extension Chrome插件

开发者插件 2018-02-07 19:01:37

The ScreenLab Extensions allows you to run scans using the ScreenLab eye tracking simulator directly from your Chrome browser. See which parts of a web page are most likely to draw users attention. Fi

Jenkins Monitor Chrome插件

开发者插件 2015-01-18 09:39:22

Chrome浏览器扩展来监控您的詹金斯CI 。
一个Chrome扩展您的日常使用詹金斯CI的( http://jenkins-ci.org/ )

您可以使用此扩展查看全部你詹金斯的工作,并得到任何工作状态更改事件桌面通知。Chrome Extensions",1,[["Chrome浏览器扩展",965,false,false],["浏览器扩展",0,false,false],["Chrome扩展程序",0,false,false],["Chrome扩展",0,false,f

jnstrument Chrome插件

开发者插件 2015-01-09 15:06:25

Web浏览器
实时可视化的JavaScript

该项目的窗帘后面一看目的是给永世谁不PROGRAMM自己,一个想法和一个用户界面背后发生了什么图像网站。我们的目标是让用户体验,而不是解释给他/她会发生什么,例如被点击或页面滚动按钮时。

三可视化显示的JavaScript功能网络的不同方面的由开发人员构建和执行,当用户与网站交互。

创建者菲利普·阿德里安,巴塞尔, 2013年

更改日志
==== ===

Bilibili's Backdoor Chrome插件

开发者插件 2015-12-18 21:13:09

。。。+Back+to+old+good+days!!%3cbr%2f%3eJust+click+icon+at+right+side+of+address+bar。+origin+player+will+come+back。%3cbr%2f%3e%3cbr%2f%3e*+(FIXED)+Bilibili+api+is+not+accessable+without+appkey+since+7%2

Not my department Chrome插件

开发者插件 2014-11-24 11:00:49

增加了一个“开放的...... ”与配置的操作上下文菜单:搜索,在开放一个API , 100 %编写脚本(通过CoffeeScript的)
我发现自己的处境,我在浏览API的JSON响应。我工作了,我只是想右键点击一些IDS以在新标签中打开它们。有些人的Facebook的ID ,我想打开Facebook的图形API ,有的呈内部ID ,我想查查我们自己的内部API 。

有了这个扩展,你可以编写自己的解析器在CoffeeScript中,例如从网页抓取一个id ,看看它在你自己

JinDOC Chrome插件

开发者插件 2015-02-06 11:09:55

珍岛搜索API文档。使用时,键入“珍岛”加一个搜索词到Omnibox中。
JavaScript框架인珍岛의 API 문서를간편하게찾는기능입니다 。

1 。 주소창을통한검색
1-1 。 주소창에서珍岛를입력한후标签이나空格键
1-2。 검색어를입력하면 。建议리스트가나열됩니다
1-3 。 주소창에서엔터혹은建议리스트에서원하는항목선택
1-4。珍岛API 문서사이트의해당페이지로이동됩니다 。

2

Alon Host Chrome插件

开发者插件 2017-05-01 10:50:19

International web hosting,products and services,domain registration company,for everyone no technical skills required.
At Alon Host our goal is to help small businesses and clients register a doma

Front End Tips Tab Chrome插件

开发者插件 2019-09-25 11:05:45

a Google Chrome extension to show HTML/CSS/Javascript tips in new tabs! This is for anyone learning HTML/CSS and Javascript。 Many users learning to code have their own flashcards & notes。 So this will

GraphIQL Feen Chrome插件

开发者插件 2018-12-12 18:21:43

Chrome Extension for GraphIQL with lots of features, and more to come!

* Save/Load Queries and variables to build a library of useful queries.
* Save/Select Server Definitions so you can

快赢彩票 幸运飞艇官网 三分PK拾平台 吉林快3 秒速时时彩 北京赛车pk10玩法 广西快3计划 幸运赛车 澳洲幸运10开奖结果 上海时时乐开奖