javascript - 前端如何调试APP分享出来的手机页面?很麻烦呐。
现在要调整一个内页的分享页面,但是测试版的APP坏了,打开没有数据。
现在只能在chrome上面调试页面,调试好了再去php文件里面改,但是效果肯定跟手机上的不一样。
这样调试就很麻烦。
各位前端大神,你们调试手机页面有什么好的办法?
回复内容:
APP后台是用PHP写的,分享机制也是PHP。
现在要调整一个内页的分享页面,但是测试版的APP坏了,打开没有数据。
现在只能在chrome上面调试页面,调试好了再去php文件里面改,但是效果肯定跟手机上的不一样。
这样调试就很麻烦。
各位前端大神,你们调试手机页面有什么好的办法?
如果是内页调试,可以用weinre,但是weinre不能打断点。
可以在手机的chrome端进行访问,然后插上数据线,在chrome中输入chrome://inspect,(需要打开*工具)。
一篇好文送上:《打造最舒适的webview调试环境 》
如果还是不会,请私信联系我。
debuggap可以试试
chrome上面调试页面 调试的页面为什么和手机上面不一样?渲染效果是基本差不多的。
有几个途径可以选择
简单高效:安装nodejs的第三方模块anywhere
连官网的那个起服务器的代码都不用跑,而且,你cd到哪个文件夹,哪个就是你的静态服务器mamp(mac端)wamp(windows)
命令行不熟的,可以试试这种apache,php打包工具,一键开服务器chrome手机模拟
谢谢 @某小A 推荐我的文章
如果要安卓4.4之前的版本,可以用 wenire ,然后使用 Fiddler 抓包、拦截、模拟数据;
安卓4.4之后可以用 Chrome 的inspect ,PC插上手机就行了
上面是真机测试,
最后,模拟器+抓包工具+Chrome inspect,让你在开发阶段比较方便,不用手忙脚乱
上面说的是安卓的webview,如果要测试iOS的,也可以这样,不过需要一个特殊的iOS包。