前言
redux-devtools-log-monitor-ie8 是一个可以帮助开发者在 IE8 浏览器中使用 Redux DevTools 的 npm 包，因为 Redux DevTools 中的 Monitor 只能在现代浏览器中正常工作。在对 Redux 进行开发和调试的过程中，Redux DevTools 是一个非常有用的工具，但是对于需要支持 IE8 的项目来说，这个工具无法使用，因此需要使用 redux-devtools-log-monitor-ie8 这个 npm 包。
本文将详细介绍如何使用 redux-devtools-log-monitor-ie8 这个 npm 包。
安装
使用 npm 命令进行安装：
npm install redux-devtools-log-monitor-ie8 --save
使用方法
redux-devtools-log-monitor-ie8 跟 Redux DevTools 一样，需要使用 redux-devtools 这个包进行引入。需要注意的是，因为 redux-devtools-log-monitor-ie8 是专门为 IE8 浏览器准备的，在现代浏览器中会抛出错误，因此建议在使用时加以判断：
-- -------------------- ---- -------
------ - -------------- - ---- -----------------
------ ---------- ---- ---------------------------------
--- ---------
-- ----------------------------------------- ----- --- --- -
-------- - ---------------
----------- --
--
- ---- -
-------- - ---------------
----
--
-上面的代码中，首先引入了 redux-devtools 和 redux-devtools-log-monitor-ie8 两个包，然后根据当前的浏览器是否为 IE8 进行判断，如果是，则使用 <LogMonitor> 组件创建开发者工具，否则使用 null 关闭开发者工具。
在实际使用时，需要将创建好的 DevTools 组件嵌入到应用中，通常的做法是将它作为应用的最外层组件之一，可以使用 <DockMonitor> 组件来为开发者工具提供一个拖拽式的界面。
示例代码
下面是一个完整的示例代码，包括了如何使用 DockMonitor 将 DevTools 注入到应用中：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - -------- ------------ --------------- - ---- --------
------ - -------- - ---- --------------
------ - ------------ - ---- -----------------
------ --------------- ---- --------------
------ ------------ ---- ---------------
------ - ------- ------ -------------- - ---- ---------------
------ - -------------------- - ---- ---------------------
------ - -------------- - ---- -----------------
------ ----------- ---- ------------------------------
------ ---------- ---- ---------------------------------
------ ----------- ---- -------------
------ --- ---- -------------------
------ ----- ---- ---------------------
-- --- --------- ---- ----- -- --- -------- --------- --- ---------- --------
----- -------- - --------
-------------------------------- ----------------
------------------------ - -------------------------- - ----------------------
-------------
---------------------------
------------------------------
-
-
--
-- ---------- --- -----
----- ----- - ------------------------ --- ----------
-- ---------- --- -------
----- ------- - ------------------------------------ -------
--- ---------
-- ----------------------------------------- ----- --- --- -
-------- - ---------------
------------ ----------------------------
---------------------------
----------- ---------------- --
--------------
--
- ---- -
-------- - ---------------
----
--
-
----------------
--------- --------------
-----
------- ------------------
------ -------- --------------- --
------ ------------- ----------------- --
---------
--------- -- --------- ---
------
------------
-------------------------------
--总结
Redux DevTools 是一个非常有用的 Redux 工具，可惜在 IE8 浏览器中无法正常工作。通过使用 redux-devtools-log-monitor-ie8 包可以解决这个问题，并且使用非常简单。需要注意的是，在现代浏览器中使用 LogMonitor 组件时必须使用 DockMonitor 将其包装起来，否则会报错。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8b80