当前位置: 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-12 文件大小: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 同类插件推荐

Treepodia Pixel Chrome插件

开发者插件 2019-01-07 13:43:50

Use this extension to debug our HTML5 Player and Treepodia Pixel integrations.

Extension will report all it's findings and give you the option to easily send its findings to Treepodia for de

Directrix Chrome插件

开发者插件 2016-07-04 11:15:33

Directrix (installation guide) - установка быстрых направляющих
Directrix - плагин создан для удобной вёрстки сайтов, который будет полезен именно верстальщикам.
Теперь не только в Adobe Photo

Github page switcher Chrome插件

开发者插件 2016-06-21 11:33:44

show one-touch button between github repository and github page
Many projects on github provide their github page.
some of them provide properly link to github page on repogitory site and vice

localFront Chrome插件

开发者插件 2016-04-13 12:01:04

localFront
Setup rules to redirect urls. Useful to test local assets directly on your production site.
Still in early stage of development.

FB Pixel Helper Chrome插件

开发者插件 2015-02-04 19:11:44

该FB像素助手是一个故障排除工具,可以帮助您确认您的FB转换和自定义受众群体像素。
的像素助手在后台自动检查您浏览,看起来像一个FB营销像素代码的网站。当一个网站有一个FB像素安装在&lt ; /& GT ;图标会变成蓝色,小徽章会出现指示页上的像素数量。

如果图标不转蓝再有安装在此页面上没有Facebook的像素。

点击在&lt ; /& GT ;图标和一个小的弹出会出现与调试像素实现有用的信息。

SPM Chrome插件

开发者插件 2017-05-05 05:18:04

SPM前端打点可视化配置,实现项目埋点无痕化。
SPM埋点可视化编辑助手

创建内部集成了【uData】插件,这个在chrome商店能够找得到。

实现的功能包括:
1. 在线查看页面中spm埋点的各项统计信息
2. 可以查看不同时间段的spm埋点信息
3. 可以点击查看精确到A标签的埋点详细信息。
4. 可以配置无痕spm埋

Chameleon v1.2.1 Chrome插件

开发者插件 2019-08-12 21:19:46

变色龙让您可以在多个设备视口中快速查看 web 应用程序的响应能力。同时查看你的网站在无数不同屏幕尺寸上的行为。用于测试的
,变色龙在新选项卡中打开您的网站,并向您显示每个设备的纵向和横向。根据需要添加和配置任意数量的视口和设备。查看 Github 上的源代码: http://stefanritter.com/chameleon/

重庆彩开奖号码官方