关于真机调试H5的几种方法

有时候开发移动H5需要在手机上实际效果，以及，排查问题都出在哪里。尤其是微信，这货还不能在chrome中打开，只能在微信内部打开。增加了调试的困难。并且，手机上的适配也是非常难做的，因为，市面上大大小小的手机一大堆。如果每次都打到服务器上，再在手机上看，实在是效率太低了。所以，今天，包子总结了几个调试的方法，要是里面有不对的地方，希望能够多多指正，一起研究研究。

1.自己启动一个服务

比如webstorm，启动的服务是localhost：3000,然后拿到自己电脑上局域网的ip。手机上打开局域网的ip就可以。但是这个对静态页面查看样式最有用了。对于微信这种有限制的，接口什么的都会报错

2.如果装了 python 的话

sudo python -m SimpleHTTPServer 80 启动你的服务。启动服务各种各样的招啊， python、node、java 、tomcat、 apache、nginx各种招

3.利用抓包工具

chalrse茶壶 也可以用于微信当中，提供本机调试的方式。可以查看官方文档

4.spy-debuger

也可以进行再微信当中，提供本机调试的方式。这个可以用于IOS和安卓。但是我的IOS一直报错，可能是我的系统不支持的原因?好忧桑啊。。。spy-debuger文档

5.TBS Studio

对于安卓机器，可以使用TBS Studio 这个但是这个只是针对于安卓机器。对于IOS还不行

6.Hbuilder

要是实在不行，你只能更换编辑器了。用Hbuilder进行开发。Hbuilder有一个 真机调试的选项，可以快速帮助开发

我总结的这些，我自己都感觉不是很好，大家要是有更好的可以一起讨论讨论。嘻嘻嘻嘻