Cordova 6 架构学习 测试工具Ripple Emulator、GapDebug

原创 2015年07月08日 14:23:33

一、Ripple Emulator

Ripple Emulator是一个基于浏览器的,可以协助测试cordova app的软件,可以运行于多个操作系统。老版本Ripple 作为Chrome extension安装,需要Chrome浏览器支持。现在可以使用npm安装。

网址:
http://ripple.incubator.apache.org/

安装:

npm install -g ripple-emulator
运行:
命令行把路径指向项目,运行命令:
ripple emulate –path platforms/android/assets/www
使用开发者工具可以看出,模拟器是以一个iframe形式加载的。
这里写图片描述

二、 使用Chrome调试

在浏览器地址栏输入:

chrome://inspect/#devices

找到应用程序后,点击“inspect”

三、GapDebug

https://www.genuitec.com/products/gapdebug/
http://www.raymondcamden.com/2014/7/2/GapDebug-a-new-mobile-debugging-tool
GapDebug 提供一个简单的方式可以调试iOS和Android程序,支持debug,分别需要safari和chrome浏览器的配合使用。

安装

根据不同操作系统,从官网下载后安装。软件比较大,一百多兆,我的公司网络需要3个小时。
下面的配置需要cordova3.3以上版本。

配置

1.修改cordova下的config.xml

修改namespace

<widget 
    xmlns="http://www.w3.org/ns/widgets" 
    xmlns:gap="http://phonegap.com/ns/1.0" 
    xmlns:android="http://schemas.android.com/apk/res/android"
    id="me.app.id" 
    version="1.0.0">

在config.xml下面加下

<gap:config-file platform="android" parent="/manifest">
     <application android:debuggable="true" />
</gap:config-file>

在platforms/android/AndroidManifest.xml里的application字段加上debuggable属性:

<manifest>
     ....
     <application android:debuggable="true" />
     ....
</manifest>

安装usb debugging

android4.4以上版本默认支持usb debugging,
android4.4 以下版本可以使用crosswalk webview控件。

另外,可以安装genymotion emulator 模拟器。
genymotion emulator安装截图:
这里写图片描述

安装chrome

设置手机,允许usb debugging.

这里写图片描述

mac下使用GapDebug

手机端设置:
设置-safari-Web检查器 启用
设置-隐私与安全性-不跟踪 取消
Safari设置:
Preferences-Advanced-Show Develop menu in menu bar 启用

重新连接iphone与mac,
打开调试:
可以使用chrome或safari进行调试.
通过GapDebug-Open Debug Tools或
选择Safari-Develop 找到选择的设备,点开正在调试的Cordova程序。

ios10对CSP可能有限制,修改CSP设置如下:

<meta http-equiv="Content-Security-Policy" content="default-src * data:cdvfile: gap: ;style-src 'self' 'unsafe-inline';script-src http://abc.com:8080 'self' 'unsafe-inline' 'unsafe-eval'">
版权声明:(谢厂节的博客)博主文章绝大部分非原创,转载望留链接。 举报

相关文章推荐

cordova热更新插件的使用

cordova常用命令 一、添加插件 新建Cordova项目cordova create CordovaHotCode com.ezample.hotcode 添加android平台在新建项目的根目录...

cordova混合移动app调试工具GapDebug+ripple emulate

Ripple Emulate 使用Google模拟器,可以帮到大部分的调试 GapDebug 真机安装apk,电脑端和真机端同步调试 适用的项目 phonegap/cordova ioni...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

Ripple插件安装:新版Chrome浏览器需要手工启用一下Ripple Emulator 插件

访问BlackBerry开发者网站,点击Download,点击BlackBerry 10https://developer.blackberry.com/html5/Windows XP上面,调试本地...

移动端Web开发调试之Weinre调试教程

在设计师与前端开发人员的努力下,一个WebApp出炉了,可是测试人员说了一堆的问题:某某机型下页面表现不一致,某某系统下页面如何如何,某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档,我们曾经在...

[Phonegap+Sencha Touch] 移动开发62 使用GapDebug调试Phonegap/Cordova应用

GapDebug是一款免费跨平台调试工具,用于调试基于Cordova或PhoneGap构建的混合移动应用。此款调试工具集成了Safari Webkit调试器和Chrome开发工具,统一了OS X和Wi...

gap debug is unable to locate the chrome browser executable 问题

GapDebug是webApp的调试工具,有windows osx l两个版本。在Windows 下调试Android操作很简单,但是在osx平台下,不是那么容易。我遇到过这样一个问题,在此记下。 问...

corvoda开发及调试环境配置

首先需要配置安卓开发环境参考链接:http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html 1、安装JD...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)