服务购

　　做移动开发大多数的时候跟手机界面打交道，也就是说你只能在电脑上开发写代码，最终效果是确是在另外一个终端看到的。虽然各种浏览器为开发者提供了很多模拟手机设备的功能，这些功能总体来说基本可以满足我们对于调试移动设备的需求。在这里小编向诸位介绍的手机开发者模式。但是模拟毕竟是模拟，它不能真正做到实现真机一样的效果。所以，必须在想办法是web前端开发真机测试我们的代码最终的执行效果。办法当然是有的，下面是开发过程中用到的若干真机调试方法：

　　一、使用 Weinre 调试

　　该方法是比较老的一种方法，对于其他的调试方法来说属于刀耕火种型的。weinre是一个调试包，本身提供一个JavaScript，需要你在项目文件中加入该js。

　　weinre工具优点：所有调试工具中唯一不以其他第三方制定软件为依赖的方式，这种方式的好处就是跨平台，其次是跨浏览器，如果你是在微信或者其他phoneGap外壳方式上开发的，你就会知道，这个方式是比其他方式更有用。

　　weinre缺点：在自己项目中引入js文件，需要手动删除，这对代码的控制和版本的控制造成了一定影响。颇为不便。但是最大的鸡肋却不是这个。weinre最大的鸡肋是只能调试样式和元素，js无法调试！！是的，所以它基本上是一只腿走路的。

　　二、UC开发者浏览器

　　感谢国内还有如此良心公司，为移动开发者带来的这款神器！UC浏览器在手机上占有率国内来说还是蛮高的。要开启调试模式必须在手机上下载UC安卓版的开发版浏览器，也就是图标带一个小扳手的那个。然后在查看你的手机IP.如果是在WI-FI连接模式下在浏览器中输入你的手机ip+:9998，（PC和手机必须在同一个网段！）手机上的浏览器上会提示你是否开启调试模式，点击确认，就进入开发面板了。

　　三、chrome真机调试

　　chrome调试其实跟UC差不多，步骤也比较简单，不同的是UC可以在wifi下调试，chrome不行，而且必须有硬件的接触。首先确保手机上和PC机上装有最新版本的chrome浏览器，然后将数据线将两台设备连接起来。在PC机上打开chorme，输入chrome://inspect,于是你就可以看到自己的设备和打开的网页了。

　　四、Safari开发者工具

　　露珠的手机是安卓系统，pc是window系统，所以无法用这种方式调试iphone。但是隔壁老大用的都是苹果产品，遇到iphone问题，也去那边调试了一下，发现苹果系列做的还真是蛮不错的。第四种方式首先得硬件条件是iphone和mac。很遗憾，window版的safari无法调试iphone。

　　移动开发趋向主流，一般来说有浏览器的模拟功能可以做好大部分工作。但是不排除很多机型和浏览器版本出现的各种样式，代码兼容问题。掌握一门web前端开发真机测试在移动开发过程中是非常必要的。如果你以开发的微信项目，以微信内置浏览器内核为最终标准，这时候苹果系列调试当然最好。