首页 > 前端如何调试APP分享出来的手机页面?很麻烦呐。

前端如何调试APP分享出来的手机页面?很麻烦呐。

APP后台是用PHP写的,分享机制也是PHP。
现在要调整一个内页的分享页面,但是测试版的APP坏了,打开没有数据。
现在只能在chrome上面调试页面,调试好了再去php文件里面改,但是效果肯定跟手机上的不一样。
这样调试就很麻烦。

各位前端大神,你们调试手机页面有什么好的办法?


谢谢 @某小A 推荐我的文章

如果要安卓4.4之前的版本,可以用 wenire ,然后使用 Fiddler 抓包、拦截、模拟数据;
安卓4.4之后可以用 Chrome 的inspect ,PC插上手机就行了

上面是真机测试,
最后,模拟器+抓包工具+Chrome inspect,让你在开发阶段比较方便,不用手忙脚乱

上面说的是安卓的webview,如果要测试iOS的,也可以这样,不过需要一个特殊的iOS包。


有几个途径可以选择

  1. 简单高效:安装nodejs的第三方模块anywhere
    连官网的那个起服务器的代码都不用跑,而且,你cd到哪个文件夹,哪个就是你的静态服务器

  2. mamp(mac端)wamp(windows)
    命令行不熟的,可以试试这种apache,php打包工具,一键开服务器

  3. chrome手机模拟


debuggap可以试试


chrome上面调试页面 调试的页面为什么和手机上面不一样?渲染效果是基本差不多的。


如果是内页调试,可以用weinre,但是weinre不能打断点。
可以在手机的chrome端进行访问,然后插上数据线,在chrome中输入chrome://inspect,(需要打开翻墙工具)。

一篇好文送上:《打造最舒适的webview调试环境 》

如果还是不会,请私信联系我。

【热门文章】
【热门文章】