如何查看在 Web 浏览器中运行的 Cordova 应用程序的源代码？答案

【问题标题】：How do I view the source of a Cordova app running in a web browser?如何查看在 Web 浏览器中运行的 Cordova 应用程序的源代码？
【发布时间】：2014-09-16 20:15:10
【问题描述】：

我正在使用 Apache Cordova 开发一个移动应用程序。（这已经是我的第一个问题了。）

我想调试在运行时生成的 HTML 输出，但我无法说服我可用的三种浏览器中的任何一种显示输出页面的来源。

Eclipse 中的内部浏览器似乎根本没有“查看源代码”选项。
Firefox 可以加载页面，但似乎没有授予应用访问网络的权限，因此无法加载远程数据。
- （编辑）控制台错误声称问题与 CORS 有关，但我对这个问题所做的每次搜索都声称 CORS 错误是虚假的，“我所要做的就是添加远程数据源”到安全例外列表。除了在 Firefox 中没有明显的方法可以做到这一点。
Chrome 显示空白屏幕。经过检查，似乎执行的应用程序更少。

世界上没有足够的console.logging 使我在作为 Android 应用程序执行时所做的诊断工作值得。

那么，我该如何调试我的代码呢？

【问题讨论】：

您没有在浏览器中运行应用程序。您在设备或模拟器/模拟器上运行应用程序，然后可以使用许多工具进行调试和检查。谷歌remote debug phonegap app

标签： android ios eclipse cordova

【解决方案1】：

如果您正在进行 Android PhoneGap 调试并且拥有 Android 4.4 设备和 Chrome 30+，则可以使用 Android 4.4 中添加的新 WebView 调试工具。如果您使用的是 Cordova 3.3 或更高版本，则它已受支持，并且只需要 AndroidManifest.xml 中的 Debuggable 标志。对于 Cordova 3.2，您需要使用一些代码或使用插件来启用 WebView 调试。

有关详细说明的更多信息和链接，请查看： https://github.com/phonegap/phonegap/wiki/Debugging-in-PhoneGap

【讨论】：