redux-devtools-inspector-ie8 是一个支持在 IE8 环境下使用的 Redux DevTools 扩展。
安装
通过 npm 安装:
npm install redux-devtools-inspector-ie8 --save
使用
在应用中启用
import { createStore } from 'redux'; import { install } from 'redux-devtools-inspector-ie8'; import reducer from './reducers'; const store = createStore(reducer, install());
在 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