在我们使用phoengap + html5制作的移动应用程序中，经常遇到的问题是本地网页兼容，但该应用程序不兼容. 原因是移动页面主要在webkit内核浏览器上运行，但是仍然存在各种兼容性问题，具体取决于平台和制造商.
以下是在iOS和Android平台上的真实计算机上调试页面的方法. 这里应该说明的是，iOS平台只能使用内置的Safari浏览器进行调试，而Android平台只能使用Google Chrome浏览器进行调试. 当然移动设备商务文档浏览器，我目前只发现了这两种方法. 如果您还有其他调试更多浏览器的方法，希望您能留言告诉我.
通过[设置]>[Safari]>[高级]>[Web Checker]打开. 请参见下图（单击以查看大图），您将在此选项下看到计算机操作的相应说明，只需按照说明进行操作即可.
2.1首先，在手机Safari中打开要调试的网页，然后使用数据线（此处为Mac）将其连接到计算机
2.2在计算机上打开Safari，然后单击[开发]菜单，您将看到以下图片（单击以查看大图）:
3.3单击2.2中的网站名称将在计算机上打开Safari控制台，如下所示（单击以查看大图）:
如上面的图3.3所示，您此时可以查看手机网页的DOM结构，它与计算机端网页调试相同. 当鼠标悬停在这些DOM节点上时，手机上的相应布局将突出显示，如下图（单击以查看大图）:
1.1 [设置]>[关于手机]>[内部版本号]，单击版本号7次（这是官方文档中的声明），并提示“您已成为开发人员”.
1.2返回[设置]>[开发人员选项]>[USB调试]打开手机的USB调试.
这件事情比较麻烦，因为您需要安装Android SDK.
2.1下载Android SDK并解压缩. 我将整个adt目录放在/ Users / David / adt /中.
2.2设置环境变量. 打开终端，然后在David路径（格式为DaviddeMacBook-Pro: ?David $）下输入open .bash_profile. 如果该文件存在，它将打开. 如果不存在，请输入touch .bash_profile以创建并打开文件. 在文件中输入export PATH = $ PATH: / Users / David / adt / sdk / platform-tools: / Users / David / adt / sdk / tools，关闭保存. 最后，在终端中输入source.bash_profile以更新环境变量以使其生效. 在终端中输入adb以显示命令帮助信息成功.
2.3在终端中输入adb forward tcp: 9222 localabstract: chrome_devtools_remote.
3.1在手机上的Chrome中打开您要调试的网页，然后使用数据线连接手机和计算机（我是Mac. a，我只是强调平台的区别，请不要误解我的意思）
3.2在计算机上打开Chrome，在地址栏中键入about: inspect，然后选中[Discover USB Devices]前面的复选框. 出现以下图片（单击以查看大图）:
4.1您可以单击图3.2中检测到的设备上运行的网站下的[检查]，或在浏览器中输入localhost: 9222以打开手机正在浏览的网页列表，如下所示:
4.2单击上图中网站的缩略图，它将跳至Google代理链接（该链接可能被围住，挂起代理），将打开下图所示的控制台（单击以查看）放大图）:
4.3这与计算机上的网页调试没有什么不同. 当鼠标经过DOM节点时移动设备商务文档浏览器，手机上的布局也会突出显示:
好的，结束了.