文档章节

Cordova APP调试

 大云彩
发布于 2017/02/12 09:16
字数 479
阅读 45
收藏 0

原文: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调试

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

本文转载自:http://blog.sina.com.cn/s/blog_6e3777460102vs0x.html

共有 人打赏支持
粉丝 2
博文 87
码字总数 14895
作品 0
丰台
程序员
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)

Cordova 3.x 基础(1) -- 环境搭建(Windows / Android) Mobile App分为三大类:Native App,Hybrid App,Web App。其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用...

youxizhe
2014/09/29
0
0
Cordova-创建你的第一个App

最近学习了下cordova,记录下操作步骤以及遇到的问题,方便自己和别人查找。 1、下载和安装Node.js。安装完成后你可以在命令行中使用node 和npm(查看版本node -v ,npm-v) 2、npm install -...

tianyawhl
2017/11/06
0
0
cordova 常用命令、插件

安装 cordova: npm install -g cordova 创建应用程序 cordova create hello com.example.hello HelloWorld 添加平台 cordova platform add android cordova platform add ios 完成后运行以下......

Jack088
2015/03/24
0
2
html5转义为相应移动端app-Apache cordova+NodeJS环境配置

1.必要环境 1.1 Java的JDK安装配置 设置环境变量: 在环境变量的系统变量设置 JAVAHOME:C:Program FilesJavajdk1.8.005; 再在设置系统变量 Classpath:.;%JAVAHOME%libdt.jar;%JAVAHOME%l...

w-rain
2015/03/31
0
0
Cordova应用的JavaScript代码和自定义插件代码的调试

我之前写过三篇Cordova相关的技术文章。当我们使用Cordova将自己开发的前端应用打包安装到手机上后,可能会遇到需要调试Cordova应用的时候。 本文就介绍Cordova应用的调试步骤。 如果大家读过...

jerrywangsap
09/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

原型模式

1、原型模式-定义 用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象 克隆(浅度克隆->拷贝值类型或者引用,深度克隆->创建新的对象,开辟新的内存) 例如客户端知道抽象Pro...

阿元
今天
58
0
awk命令扩展使用操作

awk 中使用外部shell变量 示例1 [root@centos01 t1022]# A=888[root@centos01 t1022]# echo "" | awk -v GET_A=$A '{print GET_A}'888[root@centos01 t1022]# echo "aaaaaaaaaaaaa" | aw......

野雪球
今天
52
0
深入解析MySQL视图VIEW

Q:什么是视图?视图是干什么用的? A:视图(view)是一种虚拟存在的表,是一个逻辑表,本身并不包含数据。作为一个select语句保存在数据字典中的。   通过视图,可以展现基表的部分数据;...

IT--小哥
今天
55
0
虚拟机学习之二:垃圾收集器和内存分配策略

1.对象是否可回收 1.1引用计数算法 引用计数算法:给对象中添加一个引用计数器,每当有一个地方引用它时,计数器值就加1;当引用失效时,计数器值就减1;任何时候计数器值为0的对象就是不可能...

贾峰uk
今天
59
0
smart-doc功能使用介绍

smart-doc从8月份底开始开源发布到目前为止已经迭代了几个版本。在这里非常感谢那些敢于用smart-doc去做尝试并积极提出建议的社区用户。因此决定在本博客中重要说明下smart-doc的功能,包括使...

上官胡闹
昨天
55
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部