经常遇到群里或社区有人问些无从答起的问题：为什么我这块的数据没有显示出来？为什么我这个页面滚动不了？为什么控制台报错了，然后各种截图丢出来。。。
一脸懵逼，完全不知道从何答起。
对于这些摸不着头脑的问题真的不如自己调试下来的快。
1、当然是Hbuilder编辑器自带的控制台输出调试，console.log输出字符串，json对象JSON.stringify()后输出，object对象使用Object.keys()循环输出属性、键值，配合输出就能轻松判断问题在哪里，哪里出错。
2、作为一名前端首选的调试工具当然是chrome谷歌浏览自带的调试工具，APP如何使用谷歌调试？
真机或模拟器（限安卓系统）运行APP，谷歌浏览器访问chrome://inspect，就会列出当前设备运行的页面，inspect就可以打开谷歌控制台，就跟web一样打断点，审查元素、css等，点击左上角手机图标开启手机预览，部分手机可能左侧不会显示当前页面的视图，就无法用点击查看元素，得手动展开元素结构。
注：有时可能需要翻墙inspect才能加载出控制台，不过Hbuilder最新alpha版本已支持完全不需要翻墙。
补充：ios系统 请求使用Safari浏览器调试，用法类似，参考：http://ask.dcloud.net.cn/article/143
3、FE助手，一款谷歌插件，自动格式化访问接口返回的json对象，以及前端开发常用工具
有了这些不愁问题找不到根源，轻松解决各种莫名其妙的问题。当然所有的前提是你的代码整洁规范，不然谁都救不了你。
飞☞☞☞ 初始篇
