Phonegap Dev App 未出现在 chrome 远程调试器中答案

【问题标题】：Phonegap Dev App not appearing in chrome remote debuggerPhonegap Dev App 未出现在 chrome 远程调试器中
【发布时间】：2015-05-10 14:50:03
【问题描述】：

我已经通过phonegap serve 运行了“hello-world”应用程序，我正在尝试附加您通过 Chrome 获得的远程调试器，以查看为什么在我开始使用 Webpack 时它停止工作。

到目前为止，我已经完成了以下工作：

Phonegap 4.2.0-0.26.0/Cordova 4.3.0
AndroidManifest.xml 中的android:targetSdkVersion="19"
target=android-19 在 project.properties 中
Chrome v42.0.2311.135
在手机上启用 USB 调试并将其插入。
使用 Lollipop 5.1
我已经为调试配置了我的 webview as described

但是当我查看 chrome://inspect 时，我只能看到 Chrome，而不是带有 webview 的我的应用程序。

我还能尝试什么？

【问题讨论】：

标签： android cordova webview

【解决方案1】：

不，您不能将 Phonegap 开发应用程序附加到 Chrome/Safari 的 WebView 检查器。

“另一个问题是你不能使用它进行远程调试。我的意思是 Safari 远程调试或 Chrome 远程调试。” - Raymond Camben's Blog

【讨论】：

不过还是可以使用weinre

【解决方案2】：

要在 Phonegap 中使用远程调试，您需要：

3.3 或更高版本
AndroidManifest.xml 中的android:targetSdkVersion="19" 或更高版本
target=android-19 或更高版本在 project.properties 中
桌面 Chrome 的版本应该比 webview 的版本更新（当前版本是 42.0.2311.138）

请注意，只要是调试版本，远程调试就会自动启用（在 --release 版本中已关闭）。

【讨论】：

谢谢，我已经更新了我的问题以澄清我已经尝试过你建议的事情。不确定如何检查我的 WebView 版本？
您可以签到System Settings > Apps > Android System WebView > version

【解决方案3】：

您可以使用静态方法 WebView.setWebContentsDebuggingEnabled 来控制应用中所有 WebView 的 Web 调试。

【讨论】：

当您尝试连接调试器时，您的应用中是否真的有任何 WebView 实例？除非您创建了至少一个实例，否则不会出现任何内容。如果像您说的那样，您可以在 chrome://inspect 中看到 Chrome，那么唯一的罪魁祸首就是您的应用。
你知道吗，这是个好问题。我正在使用Phonegap Dev app，它当然不会使用项目中的任何 Android 设置。我想知道开发应用 a) 是否使用 Webviews，并且 b) 是否启用了调试。
“另一个问题是你不能使用它进行远程调试。我的意思是 Safari 远程调试或 Chrome 远程调试。” 该死。这就是重点，我想设置一些断点并弄清楚为什么我的 js 在 webpacked 时不能工作，没有它也能正常工作。

【解决方案4】：

这是使用 Chrome 检查器调试使用 Phonegap Build 构建的应用程序的解决方案。

首先，确保您的小部件标签包含 xmlns:android="http://schemas.android.com/apk/res/android"

<widget 
    xmlns="http://www.w3.org/ns/widgets" 
    xmlns:gap="http://phonegap.com/ns/1.0" 
    xmlns:android="http://schemas.android.com/apk/res/android"
    id="me.app.id" 
    version="1.0.0">

然后添加以下内容

<gap:config-file platform="android" parent="/manifest">
     <application android:debuggable="true" />
</gap:config-file>

它适用于 Nexus 5、Phonegap 3.7.0。

<preference name="phonegap-version" value="3.7.0" />

在 Phonegap Build 中构建应用，安装 APK，将手机连接到 USB，在手机上启用 USB 调试，然后访问 chrome://inspect。

我不必在 config.xml 中指定 android-minSdkVersion，也不必指定 android-targetSdkVersion。

来源： https://www.genuitec.com/products/gapdebug/learning-center/configuration/

【讨论】：