Cordova&APP调试
这篇文章的所讲的方法，不仅适用于Cordova(Phonegap)开发的APP，对于所有包含webview的APP调试都适用。
准备工具：
android手机（系统必须4.4或以上）
Chrome浏览器
Safari浏览器
1、安装APK到手机
手机用数据线连接电脑后可以使用命令行：cordova run
android、或是把生成的android项目导入到开发工具(Eclipse、Android
Studio)中然后用工具运行安装。（必须是debug包，部分手机版本开启能开启全局调试的用release包也是可以调试的）
2、手机上打开应用，截图如下：
3、打开Chrome浏览器，地址栏输入：chrome://inspect回车，如果你的手机是4.4+的版本就会出现你打开的应用，点击inpect进入调试界面。截图如下：
4、点击inspect前最好先开翻墙工具，不然你得到的就是一片空白，问我为什么(因为众所周知的原因)。还好只是第一次打开需要翻墙，不用每一次。翻墙打开后截图如下，这个界面我就不多说什么，熟悉前端的人比我要清楚百倍。
1、iOS手机打开设置开启Web检查器，设置-&Safari-&高级-&打开web检查器。
&Mac打开safari浏览器开启开发菜单，打开浏览器点左上Safari-&偏好设置-&高级-&显示“开发”菜单
2、用cordova生成项目后导入xcode，运行项目安装应用到iOS手机打开。
&Mac打开safari浏览器点击开发就能看到你的手机。截图如下：
3、点击index.html打开调试页面，基本和chrome那边差不多，只是没法看到手机画面，这个影响也不大。
好吧就说这样了。。我感觉应该是挺详细的了。
（转帖都注明出处哦。。。。。）
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。> 博客详情
摘要: Ionic项目中调试android apk的方法介绍。
一、问题出现
&&&&最近我发现之前做微信开发和普通的ionic可以用谷歌浏览器就调试了，但是如果添加了ng-cordova这些功能调试起来就很麻烦了，我需要打包apk，安装apk,出现错误还不知道出现在哪里，然后修改代码，打包apk,安装apk，这样太麻烦了，群里的朋友提供了一种调试ng-cordova这些插件的方法，我写下来作为记录。
二、网页配合手机调试
1、把项目部署到服务器并发布，（最好是外网）
还有一种办法（推荐）
用ionic&serve&本地搭建环境& 所谓的远程地址&其实就是你电脑地址，手机跟电脑再同一网段即可，这样就不用搭建站点了，修改了代码立马就可以变。（不过本机的localhost用数据线连接是否可以认，下班了我就不实验了）
2、修改本地项目中的配置，改为服务器上的Index页面
3、打包android的apk文件，并安装到手机。
4、在浏览器中打开下面的功能
5、打开手机的开发者模式，将手机用数据线连接电脑，启动应用，就可以进行调试了。如果有错误可以直接修改服务器代码，继续点击手机功能调试。
6、调试完毕，修改回来配置文件的index，打包本地apk，发布应用。
但是很遗憾，我没有调试通，avd的环境我也没有配通，感觉好悲哀啊，不过大家可以试试，毕竟有人调通了。
三、其他调试方法
1、android avd& 这个东西我的电脑没有调试通。
2、Karma& 这个工具有空试一下
3、有个朋友说用 eclipse里面可以运行，不太清楚这种方法，回头尝试一下
四、看这里
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥GapDebug：PhoneGap和Cordova程序调试工具GapDebug
查看: 5754|
摘要: Genuitec发布的GapDebug，这是一款免费调试工具，用于调试基于Cordova或PhoneGap SDK构建的混合移动应用。此款调试工具集成了Safari Webkit调试器和Chrome开发工具，统一了OS X和Windows操作系统上的调试体验。GapDe ...
开发人员终于可以使用GapDebug来测试用开发的混合应用了;开发者从2009年使用PhoneGap创建第一个应用程序开始,这些应用程序可以运行在移动设备上,使用HTML5结合PhoneGap开发的应用程序已经有数以千万计的应用发布在了iOS,Android和其它平台上;不过,虽然这种方式很牛B,但是它本身自带的调试工具远远落后于浏览器的调试工具,如果要跨平台调试,那是一件非常痛苦的事情!Genuitec发布的GapDebug，这是一款免费调试工具，用于调试基于或PhoneGap SDK构建的混合移动应用。此款调试工具集成了Safari Webkit调试器和Chrome开发工具，统一了OS X和Windows操作系统上的调试体验。GapDebug并没有提供Safari Webkit调试器或Chrome调试工具已有的功能，它的目标是面向同时需要调试iOS和Android平台的开发人员，提升他们的调试效率。Genuitec的产品开发副总裁Wayne Parrot用下面一段话描述了GapDebug：想象一下iOS远程Webkit调试器和Chrome远程调试工具在一个环境下运行，而且在Windows和OS X上具有一致的体验。与用普通的Safari或Chrome调试手机应用相比，有如下优势：o在同一窗口同时连接和访问多个设备，如iPhone模拟器和Android设备。o在同一窗口允许调试同一设备中的多个应用。在iOS上，GapDebug修复了Safari的一项缺陷，当正在运行的应用切换到后台时，其调试窗口就会关闭。该缺陷致使开发人员必须重新打开调试器，根据Justin的观点，这本身就是一件麻烦事，更严重的是当应用恢复时，日志会全部丢失，因为应用恢复时，你来不及在日志事件发生前打开调试器。但是在GapDebug中，调试窗口始终都是打开状态而且不会丢失任何日志。GapDebug可以免费下载，并且Genuitec宣称“对于本地调试将永久免费”。下载地址：
刚表态过的朋友 ()
上一篇：下一篇：
站长推荐 /1
Ionic(ionicframework)号称未来最有潜力的一款html5移动app开发框架是Angularjs移动端解决方案，Angularjs号称下一代web应用，Ionic移动app开发教程值得拥有
Powered by无法找到该页
无法找到该页
您正在搜索的页面可能已经删除、更名或暂时不可用。
请尝试以下操作：
确保浏览器的地址栏中显示的网站地址的拼写和格式正确无误。
如果通过单击链接而到达了该网页，请与网站管理员联系，通知他们该链接的格式不正确。
单击按钮尝试另一个链接。
HTTP 错误 404 - 文件或目录未找到。Internet 信息服务 (IIS)
技术信息（为技术支持人员提供）
转到 并搜索包括&HTTP&和&404&的标题。
打开&IIS 帮助&（可在 IIS 管理器 (inetmgr) 中访问），然后搜索标题为&网站设置&、&常规管理任务&和&关于自定义错误消息&的主题。vux cordova,vue.js cordova_cordova vue 集成_cordova vue 2.0_vux_cordova vue webpack_vuecordova_vue 集成cordova插件_vue2 cordova_vuejs调用cordova插件 - 一点通}