有時候開發(fā)移動H5需要在手機上實際效果,以及,排查問題都出在哪里。尤其是微信,這貨還不能在chrome中打開,只能在微信內(nèi)部打開。增加了調(diào)試的困難。并且,手機上的適配也是非常難做的,因為,市面上大大小小的手機一大堆。如果每次都打到服務器上,再在手機上看,實在是效率太低了。所以,今天,包子總結(jié)了幾個調(diào)試的方法,要是里面有不對的地方,希望能夠多多指正,一起研究研究。
1.自己啟動一個服務
比如webstorm,啟動的服務是localhost:3000,然后拿到自己電腦上局域網(wǎng)的ip。手機上打開局域網(wǎng)的ip就可以。但是這個對靜態(tài)頁面查看樣式最有用了。對于微信這種有限制的,接口什么的都會報錯
2.如果裝了 python 的話
sudo python -m SimpleHTTPServer 80 啟動你的服務。啟動服務各種各樣的招啊, python、node、java 、tomcat、 apache、nginx各種招
3.利用抓包工具
chalrse茶壺 也可以用于微信當中,提供本機調(diào)試的方式??梢圆榭垂俜轿臋n
4.spy-debuger
也可以進行再微信當中,提供本機調(diào)試的方式。這個可以用于IOS和安卓。但是我的IOS一直報錯,可能是我的系統(tǒng)不支持的原因?好憂桑啊。。。spy-debuger文檔
5.TBS Studio
對于安卓機器,可以使用TBS Studio 這個但是這個只是針對于安卓機器。對于IOS還不行
6.Hbuilder
要是實在不行,你只能更換編輯器了。用Hbuilder進行開發(fā)。Hbuilder有一個 真機調(diào)試的選項,可以快速幫助開發(fā)
我總結(jié)的這些,我自己都感覺不是很好,大家要是有更好的可以一起討論討論。嘻嘻嘻嘻 ??