有时候开发移动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有一个 真机调试的选项,可以快速帮助开发
我总结的这些,我自己都感觉不是很好,大家要是有更好的可以一起讨论讨论。嘻嘻嘻嘻 😁