Redux DevTools：

https://chrome.google.com/webstore/detail/lmhkpmbekcpmknklioeibfkpmmfibljd

安裝完畢后，在Chrome開發者工具里會多出一個Redux面板：

以及在Chrome右上角的擴展工具欄里，會點亮Redux DevTools對應的圖標。

此時在redux面板里即可方便的查看ngrx相關的state和action：

可以輸入關鍵字進行過濾，比如查看和Currency加載相關的action：

action包含type和payload：

把這個type復制下來，即可到對應源代碼里根據關鍵字進行搜索：
[Site-context] Load Currencies Success

Load Product Data時，state里的loading標志位是true：

加載成功后，loading從true變為false，success從false變為true：

state欄能看到當前action觸發時，應用的state狀態，很方便：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的一个好用的查看Angular应用ngrx状态的Chrome扩展：Redux devTools的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。