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

插件名称: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-06-20 文件大小: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。我们负责寻找和支付的作者。铜介绍一款型号为货币

Ember Inspector

开发者插件 2020-06-18 23:48:32

Ember Inspector是由Ember.js社区维护的一个开源项目,它是一款可以安装到谷歌浏览器上支持所有chrome内核浏览器的chrome开发者插件,用于调试灰烬应用的工具。使用后可让您快速了解和调试

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 &

Ember Inspector v3.6.0

开发者插件 2020-06-18 23:11:20

Ember Inspector是由Ember.js社区维护的一个开源项目,它是一款可以安装到谷歌浏览器上支持所有chrome内核浏览器的chrome开发者插件,用于调试灰烬应用的工具。使用后可让您快速了解和调试

Redux DevTools v2.17.0同类插件推荐

GitHub +1 Chrome插件

开发者插件 2015-03-02 11:11:10

1 GitHub的问题/拉请求
知道这一点:按钮看起来更比截图更

GitHub上有问题。有些人比别人差。但你真的不能告诉。除了现在你可以!只需安装这个扩展,去无情upvote问题(和拉请求) ,使世界变得更美好。

当然,这实际上是一个非常有用的事情,如果人们还可以通过投票排序问题。然而,这是更的技术挑战,所以我会离开它Github上。希望这样的功能并不远了他们的管道。这个扩展的目的是相当给人们怎么可能是一个味道。当然,扰乱Github上greyness

GitHub Markdown Menu Chrome插件

开发者插件 2016-06-06 14:09:11

Adds a navigation menu to any readme or Markdown file in GitHub.
GitHub readmes and Markdown documents don't always include a Table of Contents. Well-documented repos have longer documents tha

Screen Capture by colacube Chrome插件

开发者插件 2015-02-01 00:44:04

安全捕捉你的浏览器截图,整个网页,全屏幕,桌面和应用程序!
的智能,安全的方式来捕捉你的浏览器选项卡,桌面,屏幕和应用程序。

*屏幕捕获通过colacube不需要的权限来查看你的浏览历史记录和标签

特点:

*上传和免费托管
分享截图*以桌面和应用程序截图
*采取的所有浏览器的截图有一个扩展!的网页/标签
*易,微型,快速和简单!
*任何特殊权限要求
*脱机工作< BR / (火狐

Omniture Cuke Chrome插件

开发者插件 2015-02-27 00:08:43

从浏览器监听请求,请记住自动化测试来看看。
支持Omniture的测试黄瓜。

客户端调用捕获流量,
将数据存储在后台页面,
每个标签都有它的数据分别存储在页面加载后
,注入HTML元素。然后

测试的应用程序可以读取的历史。

选项即可设置为选择哪个域进行跟踪,并重视拓展一个人在html更容易检查。 20事件

最高历史记录保存为每个域。from",1,[["从",1000,false,f

Random Emoji Generator Chrome插件

开发者插件 2017-05-11 23:00:09

Inspired by the Ship It Button extension, this extension for Git provides a button to add a random Emoji icon to comments.
Added…
Inspired by the Ship It Button extension, this extension for G

Salesforce Org Bookmarks Chrome插件

开发者插件 2019-01-18 21:22:22

SF Org Bookmarks stores your bookmarks for each Salesforce Org, and displays those bookmarks each time you log in this Org,
So your don't get confused with other org's bookmarks, and can reach a

Chompy Chrome插件

开发者插件 2018-07-06 03:01:31

Chompy allows you to delete whitespace at the end of lines without needing to send that data to any other servers. It happens quickly with javascript right in your browser.

Contribute to chom

Expand all context Chrome插件

开发者插件 2019-07-07 22:15:39

Immediately expands all context in the GitHub PR "Files Changed" tab. Useful for when you want to read the entire changed file most of the time, rather than only a few lines of context.

快乐赛车平台 一分时时彩 吉林快3 幸运飞艇官网 乐彩网 山东11选5走势 幸运飞艇官网 快乐赛车官网 极速快乐8 快三投注网