文档章节

Cordova APP调试

 大云彩
发布于 2017/02/12 09:16
字数 479
阅读 52
收藏 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 常用命令、插件

安装 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
Cordova-创建你的第一个App

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

tianyawhl
2017/11/06
0
0
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

没有更多内容

加载失败,请刷新页面

加载更多

EOS官方钱包keosd

EOS官方钱包的名称是keosd,它负责管理你的私钥,并且帮你进行交易的签名。 不过不幸的是,keosd钱包对普通用户并不友好,它是一个命令行程序,目前还没有像以太坊的mist那样的图形化界面,而...

汇智网教程
今天
32
0
ArrayList的实现原理以及实现线程安全

一、ArrayList概述 ArrayList是基于数组实现的,是一个动态的数字,可以自动扩容。 ArrayList不是线程安全的,效率比较高,只能用于单线程的环境中,在多线程环境中可以使用Collections.syn...

一看就喷亏的小猿
今天
38
0
Netty 备录 (一)

入职新公司不久,修修补补1个月的bug,来了点实战性的技术---基于netty即时通信 还好之前对socket有所使用及了解,入手netty应该不是很难吧,好吧,的确有点难,刚看这玩意的时候,可能都不知道哪里...

_大侠__
昨天
43
0
Django简单介绍和用户访问流程

Python下有许多款不同的 Web 框架。Django是重量级选手中最有代表性的一位。许多成功的网站和APP都基于Django。 Django是一个开放源代码的Web应用框架,由Python写成。 Django遵守BSD版权,初...

枫叶云
昨天
56
0
Spring Cloud Stream消费失败后的处理策略(四):重新入队(RabbitMQ)

应用场景 之前我们已经通过《Spring Cloud Stream消费失败后的处理策略(一):自动重试》一文介绍了Spring Cloud Stream默认的消息重试功能。本文将介绍RabbitMQ的binder提供的另外一种重试...

程序猿DD
昨天
26
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部