美文网首页
关于真机调试H5的几种方法

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

作者: 爱吃土豆丝杉杉 | 来源:发表于2017-10-26 16:06 被阅读0次

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

1.自己启动一个服务

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

2.如果装了 python 的话

sudo python -m SimpleHTTPServer 80 启动你的服务。启动服务各种各样的招啊, pythonnodejavatomcatapachenginx各种招

3.利用抓包工具

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

4.spy-debuger

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

5.TBS Studio

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

6.Hbuilder

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

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

相关文章

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

    有时候开发移动H5需要在手机上实际效果,以及,排查问题都出在哪里。尤其是微信,这货还不能在chrome中打开,只能...

  • 无标题文章

    关于xcode真机调试关于There was an internal API error.解决方法 bulid s...

  • iOS开发真机调试h5问题

    iOS通过safari真机调试H5页面 - 简书

  • 2015 Xcode7 真机调试(开发者)以及P12配置

    关于真机方面,首要的就是真机调试,因为一个程序的开发是肯定离不开真机调试的,在Xcode7之前想要进行真机调试需要...

  • chrome浏览器调试真机ionic项目

    现在好多h5的项目需要运行到真机上看效果,但是调试起来特别麻烦,最近了解到新的浏览器调试真机的方法。开发效率更快更...

  • 真机调试

    真机调试 1. 真机调试概念 2. 真机调试的必要 APP发布之前一定要做真机调试!!! 3. 怎样做真机调试? ...

  • 手机h5页面真机调试,vconsole在react中的使用

    H5页面真机调试 场景:测试真机兼容性问题、测试真机调用原生功能(如拍照)。 问题:这些无法在浏览器模拟测试,需要...

  • uniapp网络调试问题汇总

    1. 真机调试有时无法显示打印信息,但是h5端可以(原因未知) 2. h5端调试时,跨域问题参考uni-app之浏...

  • 使用Hbuilder真机调试

    我们开发APP的时候必须使用真机调试,当然有其他方法,这里只讲如何使用Hbuilder来真机调试 步骤: 1)打开...

  • 使用chrome浏览器真机调试H5

    使用chrome浏览器真机调试H5 开始远程调试之前,需要做好如下准备: 在你电脑上安装Chrome 32 或者更...

网友评论

      本文标题:关于真机调试H5的几种方法

      本文链接:https://www.haomeiwen.com/subject/vmjkpxtx.html