生产环境变态开启devtools(redux篇)

前沿

默认都安装了谷歌的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.

最后

如果觉得帮助到你们，就评论感谢一下，让博主开心开心就行啦！！！