only isDebuggingInChrome the logger can work

soliury · soliury · commit 59c9a646679e · 2016-04-18T15:37:14.000+08:00
diff --git a/src/store/configureStore.js b/src/store/configureStore.js
@@ -4,24 +4,27 @@ import promiseMiddleware from './promiseMiddleware';
 import asyncActionCallbackMiddleware from './asyncActionCallbackMiddleware';
 import utilsMiddleware from './utilsMiddleware';
 import minPendingTimeMiddleware from './minPendingTime';
-import logger from 'redux-logger';
+import createLogger from 'redux-logger';
 import reducers from '../reducers';
 
 
-var middlewares = [
+const isDebuggingInChrome = __DEV__ && !!window.navigator.userAgent;
+const logger = createLogger({
+	predicate: (getState, action) => isDebuggingInChrome,
+	collapsed: true,
+	duration: true
+});
+
+const middlewares = [
 	thunkMiddleware,
 	promiseMiddleware,
 	asyncActionCallbackMiddleware,
 	minPendingTimeMiddleware,
-	utilsMiddleware
+	utilsMiddleware,
+	logger
 ];
 
 
-if (__DEV__) {
-	middlewares.push(logger());
-}
-
-
 export default function configureStore(initialState) {
 	const store = applyMiddleware(
 		...middlewares
@@ -34,6 +37,10 @@ export default function configureStore(initialState) {
 		});
 	}
 
+	if (isDebuggingInChrome) {
+		window.store = store;
+	}
+
 	return store;
 }
 
