npm 包 redux-devtools-inspector-ie8 使用教程

阅读时长 6 分钟读完

redux-devtools-inspector-ie8 是一个支持在 IE8 环境下使用的 Redux DevTools 扩展。

安装

通过 npm 安装:

使用

在应用中启用

在 IE8 中启用

在 IE8 中使用需要引入两个文件,一个是修改过的 redux-devtools-inspector-ie8.js,另一个是 json2.js(用于支持 JSON.stringify)。这两个文件必须在 Redux DevTools 之后加载。

-- -------------------- ---- -------
--------- -----
------
  ------
    --------- -----------
  -------
  ------
    ---- ---------------
    ------- --------------------------------------------------
    ------- ---------------------------------------------------------------------
    ------- --------------------------------
    ------- -------------------------------------------------------
    --------
      --- ----- - -------------------------- ----------------------------------- -- --------------------------------------------- ------ ---- ----
      --- --------- - ----------------------------------------
      -----------------
    ---------
  -------
-------

页面上的 Inspector

除了支持在 IE8 上使用 Redux DevTools 外,redux-devtools-inspector-ie8 还提供了一个类似控制台的 UI,可以方便的查看和调试 Redux store。可以参考官方文档中基于 Browserify 和 webpack 的例子,对于普通的 html 页面使用的话,可以通过 script 标签引入 react 和 react-dom 后实现:

-- -------------------- ---- -------
--------- -----
------
  ------
    --------- -----------
  -------
  ------
    ---- ---------------
    ------- --------------------------------------------------
    ------- ------------------------------------------------------
    ------- --------------------------------------------------
    ------- ---------------------------------------------------------------------
    ------- --------------------------------
    ------- -------------------------------------------------------
    --------
      --- ----- - -------------------------- ----------------------------------- -- --------------------------------------------- ------ ---- ----
      --- --------- - ----------------------------------------
      ------------------------- ------------------------ -------------- --------------------------------
    ---------
  -------
-------

指导意义

redux-devtools-inspector-ie8 能够支持在 IE8 环境下使用 Redux DevTools,对于一些需要针对 IE8 环境进行开发的项目,是非常有用的工具。同时,由于它基于 React 和 Redux 进行开发,也可以作为学习 React 和 Redux 的一个比较好的例子。

示例代码

-- -------------------- ---- -------
------ - ----------- - ---- --------
------ - ------- - ---- -------------------------------
------ - --------------- - ---- --------

-- ------ --------
----- ------- - ------ - -- ------- -- -
  ------ ------------- -
    ---- ------------
      ------ ----- - --
    ---- ------------
      ------ ----- - --
    --------
      ------ ------
  -
--

----- ---- - ------ - --- ------- -- -
  ------ ------------- -
    ---- -----------
      ------ ---------- -------------
    --------
      ------ ------
  -
--

-- --- --------------- -- ------- --------
----- ------- - -----------------
  --------
  ----
---

-- ------ -----
----- ----- - -------------------- -----------

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8b78

纠错
反馈