PC／APP前端项目调试方式
pc项目的调试方法
pc上的调试的好像没什么东西，首选你要选择一个用的习惯的浏览器，然后找到报错或者问题所在的地方打个断点跟下去就行了。。。
浏览器选择
基本来说比较受欢迎的应该就是chrome和firefox了，比较推荐chrome，没有理由的推荐，不过firefox也还好。没什么大的差别。
react项目调试
浏览器中打断点
当然首先你还得找到文件在哪，如果直接去看对应的index.jsx文件，你会看到怀疑人生的。
正确的路径是这样的:
打开控制台->点击sources标签栏->一堆列表中的webpack->点开之后，那个.文件夹->打开之后就是对应你src的目录了。
因为es6等语法浏览器支持性不太好，所以我们浏览器下看到的和你写的代码好像有哪里不太对。
本来是这样的：
getLink(module){
const key = module.get('key')
return key ?<a href={module.get('val')} className="send-link" target="_blank">传送门：至 <b>{key}</b> 文档处</a>:null
}
看到的却是这样的：
Header.prototype.getLink = function getLink(module) {
var key = module.get('key');
return key ? _react2['default'].createElement('a', { href: module.get('val'), className: 'send-link', target: '_blank' }, '传送门：至 ', _react2['default'].createElement('b', null, key), ' 文档处') : null;
};
其实也没什么差别，就是把es6的语法转化之后的语法。基本上找到该打断点的地方，跟进去调试就可以了。(这里就不介绍如何打断点了，聪明如你必须会，下面配一张调试时的截图)
APP项目的调试方法
app项目调试的话一般分一下几种情况。单纯的h5页面调试、模拟器调试、真机调试这三大类。下面简单介绍一下。
纯h5页面调试
首先，这里的纯h5页面是指不涉及到jsBridge的内容。和pc页面基本没有差别只不过运行在手机中。这样的调试的话可以直接在chrome中调试，只需要打开移动端调试模式即可。
打开控制台，左上角有个类似手机的按钮。然后就可以看到页面已经变成适配不同屏幕了。简单粗暴，没什么好说的。
模拟器调试
如果用到native的部分功能的话，在浏览器上部分功能就没办法代替了。这样就需要模拟器了。因为大家基本用的都是mac。所以这里就介绍一下ios开发的工具xcode。
1、下载xcode
下载的话比较简单，直接在appstore搜索xcode就行。请在网络比较好的情况下下载，毕竟太大
2、拉native代码
需要找到native同学，拉下来对应app的代码。毕竟xcode只是个工具，具体app什么样还是需要native代码的。公司内部的话比较麻烦需要申请各种权限，慢慢来就行。
3、启动模拟器
等正确代码拉下来之后，在项目里找到 app名.xcworkspace文件，用xcode打开，应该会报错，请在ios同学+搜索引擎的帮助下解决。
正常启动成功之后，就会打开一个模拟器。
4、调试h5页面
完全启动之后，进入用到要调试的页面，你就需要打开safari浏览器了。毕竟苹果的配套全家桶。
5、进入要调试的webivew页面
在safari浏览器中【开发】->【iOS Simulator】->【正在调试的网站】打开对应的调试窗口
在弹出的调试窗口中，可以看到当前正在加载网页的各种信息，包括源码、请求头、图片、加载的资源与脚本、控制台输出等。
（在执行这一步的时候，有人可能在safari中没有找到[开发]按钮，则需要在safari的偏好设置–》高级–》勾选开发者模式（在最下面,具体见图））
还有一个点需要注意的是：开发】->【iOS Simulator】->【正在调试的网站】，中【正在调试的网站】仅出现你正在调试的几个页面地址。刚开始我选择ios simulator时发现：没有可以选择的网址。
更多可以参考这篇博文：http://blog.fantasy.codes/front-end/2014/01/11/debug-ios-with-safari/
并且它和chrome的调试方式相同，你可以直接修改网页的CSS样式，对网页布局等进行修改，而不用重新运行整个App。
接下来就是愉快的调试吧
android真机调试
真机调试的话，ios比较麻烦需要的东西比较多。安卓调试就比较方便了，下面介绍一下如何调试安卓。
1、启动手机上的开发者模式
这个分手机而异，应该要在关于设备中查找。实在不行，外事不决问百度。
USB链接电脑和手机
2、Chrome中调试
打开电脑中的 Chrome，浏览器中输入 chrome://inspect ，进入后勾选 Discover USB devices，就可以看到手机的 Chrome 上打开的页面了。
点击 inspect，会在新窗口打开一个 Chrome Developer Tools 的页面，在此页面输入网址便可以看到手机上加载了相同的网址，顺利的话就手机上就打开页面了，即可以调试了。
到这里关于调试的介绍就完了，都是些基本介绍。抛个砖而已，深入了解可以自行专研一下。
ios真机调试
对于比较麻烦的ios真机测试还是简单介绍一下，ios调试还是离不开xcode的。这是ios开发必备工具。
1、登录开发者中心，创建APP ID；
将你的设备（iPhone或iPad）注册到开发者中心，需要安装一个APP获取设备的UUID，APP Store搜索可以得到很多这样的APP；
2、创建一个证书，证书分为开发证书和发布证书两种。调试阶段使用开发证书即可；
3、创建一个Provisioning Profile 文件，同样也分开发和发布两种，这里创建开发版即可。创建时，需要选择一个开发者证书，选择允许调试的设备。
好了，将设备用USB连接到电脑，在Xcode中选择你的设备，运行APP，就可以进行真机调试了。
小结
PC上调试、模拟器调试以及android真机上调试，亲测按照上述步骤都是ok的。确实又涨知识了。