前沿
默认都安装了谷歌的redux-devtools插件哦
没有亮,说明关闭了生产环境的redux devtools工具, 接下来跟着博主一起变态启用它
如果看了我上一篇的小伙伴,应该会很熟练了,如果没有看上一篇的,也没关系,博主会手摸手的教你们打开它。
正常的解决方案(适用内部开发人员)
// 当然是只有对应的开发人员知道
// 常用的方案就是,添加query参数
if(query.includes('debug')) {
// 开启devtools工具
// 一般的redux项目还好,直接判断就行
// 但是dva项目,可能还要替换包代码才可以
}
变态的方案
找到开头那张图片,看到可以访问本网站,那就说明支持redux-devtools查看store状态。
同样的F12打开开发者工具,search中输入–createStore–,打开搜索到的第二条
var g = [a.applyMiddleware.apply(void 0, (0, ,在这行代码中打断点。
它会跳转到
把这一行代码的每一个红色标记出来的地方都打上断点,然后开始刷新页面。
这时候你就进入了调试页面,
点到这里,到console控制台输入一下代码,然后回车,然后直接调试结束F8
devtools = _window.default.__REDUX_DEVTOOLS_EXTENSION__
这个时候点到redux就可以看到所有的state.
最后
如果觉得帮助到你们,就评论感谢一下,让博主开心开心就行啦!!!