欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

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

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

回复内容:

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

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

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

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

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

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

debuggap可以试试

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

有几个途径可以选择

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

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

  3. chrome手机模拟

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

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

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

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