Cordova APP调试
Cordova APP调试
大云彩 发表于9个月前
Cordova APP调试
  • 发表于 9个月前
  • 阅读 12
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 学生专属云服务套餐 10元起购>>>   

原文:http://blog.sina.com.cn/s/blog_6e3777460102vs0x.html

这篇文章的所讲的方法,不仅适用于Cordova(Phonegap)开发的APP,对于所有包含webview的APP调试都适用。

准备工具:

android手机(系统必须4.4或以上)

ios手机

Chrome浏览器

Safari浏览器

翻墙工具

 

Android

1、安装APK到手机

手机用数据线连接电脑后可以使用命令行:cordova run android、或是把生成的android项目导入到开发工具(Eclipse、Android Studio)中然后用工具运行安装。(必须是debug包,部分手机版本开启能开启全局调试的用release包也是可以调试的)

2、手机上打开应用,截图如下:

Cordova <wbr>APP调试

3、打开Chrome浏览器,地址栏输入:chrome://inspect回车,如果你的手机是4.4+的版本就会出现你打开的应用,点击inpect进入调试界面。截图如下:

Cordova <wbr>APP调试

4、点击inspect前最好先开翻墙工具,不然你得到的就是一片空白,问我为什么(因为众所周知的原因)。还好只是第一次打开需要翻墙,不用每一次。翻墙打开后截图如下,这个界面我就不多说什么,熟悉前端的人比我要清楚百倍。

Cordova <wbr>APP调试
 

 

iOS

 

1、iOS手机打开设置开启Web检查器,设置->Safari->高级->打开web检查器。

     Mac打开safari浏览器开启开发菜单,打开浏览器点左上Safari->偏好设置->高级->显示“开发”菜单

2、用cordova生成项目后导入xcode,运行项目安装应用到iOS手机打开。

     Mac打开safari浏览器点击开发就能看到你的手机。截图如下:

Cordova <wbr>APP调试
3、点击index.html打开调试页面,基本和chrome那边差不多,只是没法看到手机画面,这个影响也不大。

Cordova <wbr>APP调试
 

Cordova <wbr>APP调试

好吧就说这样了。。我感觉应该是挺详细的了。

共有 人打赏支持
粉丝 3
博文 77
码字总数 14418
×
大云彩
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: