文档章节

Cordova APP调试

 大云彩
发布于 2017/02/12 09:16
字数 479
阅读 15
收藏 0
点赞 0
评论 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调试

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

© 著作权归作者所有

共有 人打赏支持
粉丝 2
博文 78
码字总数 14895
作品 0
丰台
程序员
使用cordova把h5应用打包成apk

由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用 vue1代码可从百度网盘下载:链...

canneljls ⋅ 04/21 ⋅ 0

新建cordova应用,插件开发教程系列(总目录)

以下几篇是连续的教程,代码也是连续的,包括如下章节: 新建cordova应用 https://my.oschina.net/u/1251858/blog/1799002 使用cordova把h5应用打包成apk https://my.oschina.net/u/1251858/...

canneljls ⋅ 04/21 ⋅ 0

cordova打包问题,Execution failed for task ':processDebugResources'.

运行cordova run android 或者cordova build android都会有下面的错误与,请问这个怎么解决呢? --------------------------------------------------------------------------------------......

茗香墨语 ⋅ 05/30 ⋅ 0

开发原生安卓cordova插件(基础)

cordova应用如果需要调用原生安卓接口,方法是使用cordova插件,cordova官方提供了主流原生功能的插件,但如果还不能满足需求,也可以自己开发cordova插件 以下介绍开发一个最简单的插件,功...

canneljls ⋅ 04/21 ⋅ 0

cordova android build FAILED

下面的命令也许可以治好: 参考: https://cordova.apache.org/docs/en/latest/reference/cordova-cli/index.html#cordova-clean-command...

郭大鹏 ⋅ 04/16 ⋅ 0

开发原生安卓cordova插件(有原生界面)

上文开发的插件没有调用原生界面,本文介绍开发带有activity的插件 本文很多操作与上文重复,重复部分会省略 首先打开plug1,先开发插件的原生代码 在以下命名空间创建一个activity 名称为A...

canneljls ⋅ 04/21 ⋅ 0

cordova应用使用手机调试

对于cordova应用的调试,最方便调试方式还是作为h5应用在浏览器来调试,调试好了再打包cordova应用和打包apk。然而h5应用时的效果跟最终在安卓手机运行还有少数情况会不一样,因此,也需要有...

canneljls ⋅ 04/21 ⋅ 0

cordova 打包失败,publishNonDefault is deprecated

1、创建好了项目,也添加了平台 ,执行打包的时候就出现如下图,也不像报错,但就是不往下执行了。每次打包都是到这一步。cordova build android 或 cordova build android --release都是一样...

毛兴峰 ⋅ 06/09 ⋅ 0

Cordova源码解析(二)- 自定义UserAgent

没有提供设置UserAgent的接口,但是有一个办法可以间接的设置。 通过设置中的值来修改,但是这种设置方法有一个限制,需要在的之前调用才能生效(加载PDF比较特殊)。这是Cordova源码中关于这个...

莫云溪 ⋅ 05/15 ⋅ 0

Ionic3 + Angular Image Cropper

开始 安装插件与第三方库 Apache Cordova Camera plugin ng2-img-cropper node package 生成服务 先生成一个服务,稍后我们将使用它来处理与 的交互的服务。 配置 编辑文件 : 实现具体的服务...

与蟒唯舞 ⋅ 04/08 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

磁盘管理—逻辑卷lvm

4.10-4.12 lvm 操作流程: 磁盘分区-->创建物理卷-->划分为卷组-->划分成逻辑卷-->格式化、挂载-->扩容。 磁盘分区 注: 创建分区时需要更改其文件类型为lvm(代码8e) 分区 3 已设置为 Linu...

弓正 ⋅ 12分钟前 ⋅ 0

Spring源码解析(六)——实例创建(上)

前言 经过前期所有的准备工作,Spring已经获取到需要创建实例的 beanName 和对应创建所需要信息 BeanDefinition,接下来就是实例创建的过程,由于该过程涉及到大量源码,所以将分为多个章节进...

MarvelCode ⋅ 32分钟前 ⋅ 0

a href="#"

<a href="#">是链接到本页,因为你有的时候需要有个链接的样式,但是又不希望他跳转,这样写,你可以把这个页面去试试

颖伙虫 ⋅ 39分钟前 ⋅ 0

js模拟栈和队列

栈和队列 栈:LIFO(先进后出)一种数据结构 队列:LILO(先进先出)一种数据结构 使用的js方法 1.push();可以接收任意数量的参数,把它们逐个推进队尾(数组末尾),并返回修改后的数组长度。 2....

LIAOJIN1 ⋅ 39分钟前 ⋅ 0

180619-Yaml文件语法及读写小结

Yaml文件小结 Yaml文件有自己独立的语法,常用作配置文件使用,相比较于xml和json而言,减少很多不必要的标签或者括号,阅读也更加清晰简单;本篇主要介绍下YAML文件的基本语法,以及如何在J...

小灰灰Blog ⋅ 48分钟前 ⋅ 0

IEC60870-5-104规约传送原因

1:周期循环2:背景扫描3:自发4:初始化5:请求6:激活7:激活确认8:停止激活9:停止激活确认10:激活结束11:远程命令引起的返送信息12:当地命令引起的返送信息13:文件传送20:响应总召...

始终初心 ⋅ 今天 ⋅ 0

【图文经典版】冒泡排序

1、可视化排序过程 对{ 6, 5, 3, 1, 8, 7, 2, 4 }进行冒泡排序的可视化动态过程如下 2、代码实现    public void contextLoads() {// 冒泡排序int[] a = { 6, 5, 3, 1, 8, 7, 2, ...

pocher ⋅ 今天 ⋅ 0

ORA-12537 TNS-12560 TNS-00530 ora-609解决

oracle 11g不能连接,卡住,ORA-12537 TNS-12560 TNS-00530 TNS-12502 tns-12505 ora-609 Windows Error: 54: Unknown error 解决方案。 今天折腾了一下午,为了查这个问题。。找了N多方案,...

lanybass ⋅ 今天 ⋅ 0

IDEA反向映射Mybatis

1.首先在pom文件的plugins中添加maven对mybatis-generator插件的支持 ` <!-- mybatis逆向工程 --><plugin><groupId>org.mybatis.generator</groupId><artifactId>mybatis-generator-ma......

lichengyou20 ⋅ 今天 ⋅ 0

4.10/4.11/4.12 lvm讲解 4.13 磁盘故障小案例

准备磁盘分区 fdisk /dev/sdb n 创建三个新分区,分别1G t 改变分区类型为8e 准备物理卷 pvcreate /dev/sdb1 pvcreate /dev/sdb2 pvcreate /dev/sdb3 pvdisplay/pvs 列出当前的物理卷 pvremo...

Linux_老吴 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部