在 phonegap 开发者应用程序中检查 webview答案

【问题标题】：inspect webview in phonegap developer app在 phonegap 开发者应用程序中检查 webview
【发布时间】：2014-10-03 09:54:57
【问题描述】：

如果我将 phonegap 应用程序部署到我的手机，我可以使用 Chorme 浏览器通过 USB 对其进行检查。但是，对于 phonegap 开发者应用，webview 不会显示在 chrome://inspect 的列表中。

是否可以检查 PhoneGap Developer App 的 webview？

【问题讨论】：

【解决方案1】：

是的，你可以，使用cordova weinre。

【讨论】：

【解决方案2】：

这是一篇关于 PhoneGap/Cordova 调试工具的详尽文章：https://github.com/phonegap/phonegap/wiki/Debugging-in-PhoneGap。

它会根据您的场景建议以下调试选项列表：

【讨论】：

Chrome 远程调试是我目前正在使用的。但是，根据我的问题，它似乎不适用于 PhoneGap 开发人员应用程序 (app.phonegap.com)，我想知道为什么。
迟到的答案，但这就是 StackOverflow 的本质：Chrome 远程调试用于调试 Chrome 中的页面。但是 PG 开发应用程序不是 Chrome，因此无法从 DevTools 访问它

【解决方案3】：

是的，你可以。

但您必须构建自己的 PGD 应用程序版本。一切都在这里解释：https://github.com/phonegap/phonegap-app-developer

第一步是克隆 repo：

$ git clone https://github.com/phonegap/phonegap-app-developer.git
$ cd phonegap-app-developer/
$ npm install

然后强烈建议编辑 config.xml 中的插件列表，删除您不需要的插件，并添加您确实需要的插件。

最后，将您的 Android 设备连接到计算机并运行以下命令：

npm run phonegap -- run android

您自己的 PGD 应用副本应该需要几分钟才能出现在设备中，并允许您连接到您的服务进程。之后，应用程序应该可以使用 Chrome DevTools 进行调试，如 here 所述。

【讨论】：