chrome内核谷歌浏览器下载!

文件大小:53.39 MB  文件版本:V 0.0.117

本地下载 本地下载1 本地下载2

当前位置:首页 > Chrome插件 > 开发插件 > Redux-DevTools- 浏览器调试工具

Redux-DevTools- 浏览器调试工具 V2.17.2

Redux-DevTools- 浏览器调试工具
  • 系统大小:1.54MB
  • 更新时间:2020-03-07
  • 系统类型:国产软件
  • 授权方式:免费软件
  • 系统语言:简体中文
  • 星级:
安全检测:360安全卫士 360杀毒 电脑管家 金山毒霸
下载地址

Redux DevTools是Chrome浏览器中的一款调试插件,它可以用于调试redux中的状态更改,我们可以清晰的看到当前store仓库中的state是怎么样的,在可视化工具的左边,我们还可以看到触发的action的变化。

Redux-DevTools- 浏览器调试工具

在vue中型项目开发的过程中,一般都是要用到vuex这个状态管理工具的,这样可以方便我们管理全局的状态,同时,为了在开发的过程中,更加方便地实时查看到state状态,我们会使用 vue-devtool工具,这样就可以在浏览器中实时看到 state的变化以及触发的mutations 等等。 在react的开发过程中也是如此,redux类似于vue中的vuex,也是状态管理工具,而我们今天要介绍的是一款可以在浏览器中选择使用redux-devtools工具来进行使用了redux项目的开发的chrome插件,通过redux-devtools, 我们可以清晰的看到当前 store 仓库中的 state 是怎么样的,在可视化工具的左边,我们还可以看到触发的action的变化。 这样,使得我们开发过程中很方便地进行调试。

Redux-DevTools- 浏览器调试工具

Redux-DevTools的使用

1.在项目的入口文件里  找到 createStore函数调用的地方,给它加第二个参数

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()


1

2

3

4

const store = createStore(

  reducers,

  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

);


 2.F12打开开发者工具打开redux 就可以实时监控 state的状态变化

Redux-DevTools- 浏览器调试工具

标签:
chrome调试插件 谷歌调试插件

本站发布的资源与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持或者购买正版!

如侵犯到您的权益,请及时通知我们,我们会及时处理,对系统之家有任何投诉或建议,请与管理员联系. 邮箱:gua_niu66@163.com

Copyright©2011 chrome之家(www.chromezj.com) 版权所有 闽ICP备2022001857号