最近和朋友做了个好玩的项目颜值俱乐部 [www.crazyapp.net],使用React做前端开发,我们的定位主要是移动端的web
application,所以就需要支持响应式设计,支持移动端等等。这其中就无法避免的涉及到了如何去做好移动端的debug,在debug过程中我主要用到了下面一些工具和方法。
React Devtools
对于调试React Web Application,Facebook提供了一个官方chrome浏览器插件的debug工具,可以从Chrome Store
[https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi]
下载,需要注意的是想要使用React Devtools需要在浏览器的window对象上绑定React对象,在代码的最上层执行window.React =
require('react');就可以,然后就可以在react-devtools看到这种结构。
从上图可以看到devtool已树形列出了整改应用的Com