blocks|key|823031|text|您至少可以通过在JavaScript中调用console.log()来将调试内容记录到adb控制台。也许这就足够了？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|823032|要使用adb查看日志输出，请导航到SDK平台-tools/目录并执行：|823033|adb+logcat|code-block|syntax|javascript|823034|请参阅logcat+Command-line+Tool|offset|length|823035|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.android.com/studio/command-line/logcat.html^0|0|0|0|3|O|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

You could at least log debug stuff to the adb console by calling console.log() in JavaScript. Maybe that would suffice?

To view log output using adb, navigate to your SDK platform-tools/ directory and execute:

<pre><code>adb logcat
</code></pre>

See <a href="https://developer.android.com/studio/command-line/logcat.html" rel="nofollow noreferrer">logcat Command-line Tool</a>

blocks|key|823197|text|我推荐jsconsole。它允许您将任何JavaScript注入页面，并提供一个基本的控制台。在remote+debugging上有一个很好的教程。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|823198|entityMap|0|LINK|mutability|MUTABLE|url|http://jsconsole.com/|1|http://jsconsole.com/remote-debugging.html^0|3|9|0|1C|G|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I'd recommend <a href="http://jsconsole.com/" rel="nofollow">jsconsole</a>. It lets you inject any JavaScript into the page and provides a basic console. There's a nice tutorial on <a href="http://jsconsole.com/remote-debugging.html" rel="nofollow">remote debugging</a>.

blocks|key|823316|text|是的，您可以使用console.log记录错误，并在Eclipse中显示LogCat选项卡。在那里，将显示Web控制台消息(包括JS错误)。它有点冗长，所以您必须过滤以仅显示Web控制台标记，但它工作得很好。在这里描述：SHOWING+CONSOLE+CONSOLE.LOG+OUTPUT+AND+JAVASCRIPT+ERRORS+WITH+PHONEGAP+ON+ANDROID/ECLIPSE|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|823317|entityMap|0|LINK|mutability|MUTABLE|url|http://www.frenchguys.com/wordpress/showing-console-consolelog-output-phonegap-androideclipse/^0|32|2H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Yes, you have log errors with console.log and show the LogCat tab in Eclipse. There, Web Console messages (including JS errors) will show up. It's a little verbose so you have to filter to show just the Web Console tags but it works well. Described here: <a href="http://www.frenchguys.com/wordpress/showing-console-consolelog-output-phonegap-androideclipse/" rel="nofollow">SHOWING CONSOLE CONSOLE.LOG OUTPUT AND JAVASCRIPT ERRORS WITH PHONEGAP ON ANDROID/ECLIPSE</a>

blocks|key|1038429|text|我通过两个步骤轻松地解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1038430|更改日志记录级别|1038431|在config.xml中添加以下行|1038432|++++<log+level="DEBUG"/>|code-block|syntax|javascript|1038433|运行cordova日志|1038434|这是一个bat文件，您只需运行并跟踪所有日志消息，转到您的phonegap项目并导航到\platforms\android\cordova，然后打开log.bat，您现在就可以使用命令行模拟您的应用程序|offset|length|style|CODE|1038435|cordova+emulate|1038436|并在打开log.bat时弹出的cmd中显示日志|1038437|entityMap^0|0|0|0|0|0|17|Q|22|7|0|0|4|7|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@$O|14|P|15|Q|R]|$O|16|P|17|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|H|7|18|8|@]|9|@]|A|$I|J]]|$1|U|3|V|5|6|7|19|8|@$O|1A|P|1B|Q|R]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|X|$]]

I solved it easily on two steps.

<h3>Change the level of logging</h3>

In config.xml add this line

<pre><code> &lt;log level="DEBUG"/&gt;
</code></pre>

<h3>Run the cordova Log</h3>

It's a bat file that you can just run and track all the log messages go to your phonegap project and navigate to <code>\platforms\android\cordova</code> then open <code>log.bat</code> you can now emulate your application using the command line

<pre><code>cordova emulate
</code></pre>

and the log will be shown in the cmd which will be pop-uped when you open <code>log.bat</code>

blocks|key|1038100|text|如果你愿意在某个地方安装NodeJS，你可以使用John+Boxall的iBug做一些扩展调试，虽然它是为iPhone设计的，但我已经在安卓上测试过了，它工作得很好。它基本上是针对移动设备的firebug+lite。我指出我的分支，因为节点改变了很多，约翰的代码不能在现代的nodeJS上运行，所以我给它打了补丁，让它在更新版本的nodeJS上的nodeJS+0.2.3，YMMV上运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1038101|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/kriserickson/ibug^0|10|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you are willing to set up NodeJS somewhere you can do some extended debugging with John Boxall's <a href="https://github.com/kriserickson/ibug" rel="nofollow">iBug</a>, which although was designed for the iPhone I have tested on Android and it works fine. It's basically firebug lite for mobile devices. I'm pointing to my fork cause Node changed a lot and John's code wouldn't run on a modern nodeJS so I patched it to get it up and running on nodeJS 0.2.3, YMMV on more recent versions of nodeJS.

blocks|key|823271|text|如果您使用console.log，则可以执行简单的打印语句。除了使用adb查看日志之外，您还可以使用设备上的日志查看器查看日志。更多信息：http://www.technomancy.org/android/javascript-debugging/|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|823272|entityMap|0|LINK|mutability|MUTABLE|url|http://www.technomancy.org/android/javascript-debugging/^0|5|B|Y|3|1X|1K|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

If you use <code>console.log</code> you can do simple print statements. Aswell as using <code>adb</code> to view them, you can use a log viewer on the device and view the logs there. More info: <a href="http://www.technomancy.org/android/javascript-debugging/" rel="nofollow">http://www.technomancy.org/android/javascript-debugging/</a>

blocks|key|823346|text|捕获异常并在控制台中显示的最佳解决方案是以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|823347|window.onerror+=+function(msg,+uri,+line)+{
++++console.log(msg+%2B+uri+%2B+line);
}|code-block|syntax|javascript|823348|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The best solution to catch exceptions and show in your console is this code:

<pre><code>window.onerror = function(msg, uri, line) {
 console.log(msg + uri + line);
}
</code></pre>

blocks|key|823373|text|在Eclipse中，您可以向android模拟器的back按钮添加一个钩子，并动态检查值。添加onBackPressed事件管理器并从那里调用javascript控制台。在eclipse调试透视图中，您将把String变量的值更改为您想要检查的值，并通过调用super.loadUrl将其传递给您的应用程序。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|823374|请参阅下面的代码。不要忘记从DDMS视图启用应用程序的调试|823375|public+class+MyActivity+extends+DroidGap+{
++++private+String+js+=+"";
++++@Override
++++public+void+onBackPressed()+{++
++++++++//add+a+breakpoint+to+the+follow+line+
++++++++//and+change+the+value+for+"js"+variable+before+continuing+execution
++++++++super.loadUrl("javascript:console.log("+%2B+js+%2B+")");
++++++++return;
++++}
++++@Override
++++public+void+onCreate(Bundle+savedInstanceState)+{
++++++++super.onCreate(savedInstanceState);
++++++++super.setBooleanProperty("keepRunning",+false);
++++++++super.setIntegerProperty("splashscreen",+R.drawable.splash);
++++++++super.loadUrl("file:///android_asset/www/index.html",+20000);
++++}
}|code-block|syntax|javascript|823376|entityMap^0|1B|D|2V|6|3L|D|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

In Eclipse you can add an hook to the android emulator back button and inspect a value on the fly. Add the <code>onBackPressed</code> event manager and call the javascript console from there.
From the eclipse debug perspective you will change the value of a <code>String</code> variable to what you want to inspect, and pass it to your app by calling <code>super.loadUrl</code>.

See the code below.
Do not forget to enable the debugging of your application from DDMS view

<pre><code>public class MyActivity extends DroidGap {
 private String js = "";
 @Override
 public void onBackPressed() { 
 //add a breakpoint to the follow line 
 //and change the value for "js" variable before continuing execution
 super.loadUrl("javascript:console.log(" + js + ")");
 return;
 }
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 super.setBooleanProperty("keepRunning", false);
 super.setIntegerProperty("splashscreen", R.drawable.splash);
 super.loadUrl("file:///android_asset/www/index.html", 20000);
 }
}
</code></pre>

blocks|key|823460|text|如果你正在使用Phonegap+Build，并且想要使用Chrome控制台进行调试，这里有一个可行的解决方案。可以使用通用串行总线调试(https://developer.chrome.com/devtools/docs/remote-debugging#debugging-webviews)来调试WebViews|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|823461|首先，确保您的小部件标记包含xmlns:android="http://schemas.android.com/apk/res/android“|823462|<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">|code-block|syntax|javascript|823463|然后添加以下内容|823464|<gap:config-file+platform="android"+parent="/manifest">
+++++<application+android:debuggable="true"+/>
</gap:config-file>|823465|它适用于Nexus+5，Phonegap+3.7.0。|823466|<preference+name="phonegap-version"+value="3.7.0"+/>|823467|在Phonegap+Build中构建应用程序，安装APK，将手机连接到USB，在手机上启用USB调试，然后访问chrome://inspect。|823468|来源：https://www.genuitec.com/products/gapdebug/learning-center/configuration/|823469|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.chrome.com/devtools/docs/remote-debugging#debugging-webviews|1|http://schemas.android.com/apk/res/android|2|https://www.genuitec.com/products/gapdebug/learning-center/configuration/^0|1W|26|0|0|T|16|1|0|0|0|0|0|0|0|3|21|2|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|6|7|1C|8|@]|9|@$A|1D|B|1E|1|1F]]|C|$]]|$1|F|3|G|5|H|7|1G|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1H|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1I|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1J|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1K|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1L|8|@]|9|@]|C|$]]|$1|U|3|V|5|6|7|1M|8|@]|9|@$A|1N|B|1O|1|1P]]|C|$]]|$1|W|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]|14|$5|Z|10|11|C|$12|15]]|16|$5|Z|10|11|C|$12|17]]]]

If you're using Phonegap Build and would like to debug using the Chrome console, here's a working solution. It's possible to debug WebViews using USB debugging (<a href="https://developer.chrome.com/devtools/docs/remote-debugging#debugging-webviews" rel="nofollow">https://developer.chrome.com/devtools/docs/remote-debugging#debugging-webviews</a>) 

First, make sure your widget tag contains xmlns:android="http://schemas.android.com/apk/res/android"

<pre><code>&lt;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"&gt;
</code></pre>

Then add the following

<pre><code>&lt;gap:config-file platform="android" parent="/manifest"&gt;
 &lt;application android:debuggable="true" /&gt;
&lt;/gap:config-file&gt;
</code></pre>

It works for me on Nexus 5, Phonegap 3.7.0.

<pre><code>&lt;preference name="phonegap-version" value="3.7.0" /&gt;
</code></pre>

Build the app in Phonegap Build, install the APK, connect the phone to the USB, enable USB debugging on you phone then visit chrome://inspect.

Source:
<a href="https://www.genuitec.com/products/gapdebug/learning-center/configuration/" rel="nofollow">https://www.genuitec.com/products/gapdebug/learning-center/configuration/</a>

blocks|key|1038555|text|更新:现在PhoneGap被称为Apache+Cordova，如果你想用它来开发安卓应用程序，你必须安装Android+Studio。要从Android+Studio访问logcat控制台，请打开Android项目(它是Cordova项目中的platform/android文件夹)，然后选择菜单Tools->Android->Android+Device+Monitor。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1038556|Android设备监视器(AVD)可以单独运行，因此您可以创建一个直接访问来避免所有这些路径。AVD将自动从使用Cordova启动的仿真器获取日志消息，它允许您轻松设置过滤器，以减少从仿真器接收的大量输出。我特别喜欢按应用程序名称进行过滤。|1038557|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Update: nowadays PhoneGap is called Apache Cordova and if you want to use it to develop Android apps, you have to install Android Studio. To access logcat console from Android Studio, open your Android project (it is the platform/android folder inside your Cordova project) and select the menu Tools->Android->Android Device Monitor.

Android Device Monitor (AVD) can run alone, so you can create a direct access to avoid all this path. AVD will automatically get the log messages from your emulator launched with Cordova, and it allows you to easily set filters to reduce the big amount of output received from the emulator. I specially prefer to filter by application name.

I am new to phonegap and android development. May I know how can I debug javascript error on the emulator? I have heard about ADB may I know how can I use and install it on windows 7 system? I have an ajax called with jsonp but no response on emulator. However, I can call that ajax with browser on windows. May I know what went wrong?

debug javascript in android emulator with phonegap

Android Studio

PhoneGap

Android

Cordova

Eclipse

我是phonegap和android开发的新手。我可以知道如何在模拟器上调试javascript错误吗？我听说过ADB，我可以知道如何在Windows7系统上使用和安装它吗？我有一个用jsonp调用的ajax，但在模拟器上没有响应。但是，我可以在windows上使用浏览器调用ajax。我能知道哪里出了问题吗？

问使用phonegap在android模拟器中调试javascript
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用phonegap在android模拟器中调试javascriptEN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用phonegap在android模拟器中调试javascript
EN