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

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

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

回复内容：

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

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

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

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

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

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包。