[Phonegap+Sencha Touch] 移动开发3、调试PhoneGap应用

2024-01-28 11:58

本文主要是介绍[Phonegap+Sencha Touch] 移动开发3、调试PhoneGap应用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Weinre 的安装和运行

1、安装weinre
cmd执行以下命令
npm -g install weinre

2、运行weinre调试服务器
进入目录C:\Users\xxx\node_modules\.bin,这个node_modules可能不同电脑的路径不一样
建立一个空文本,输入一下内容,重命名为"运行weinre.bat"
weinre.cmd --boundHost -all-
注意:只运行weinre.cmd的话,默认启动的是localhost:8080,
boundHost参数可以指定调试服务器IP,-all-的意思是绑定到所有可用的ip,如localhost和内网IP,这样其他局域网内的机器就可以访问你的调试服务器了
httpPort参数可以指定端口
weinre.cmd --boundHost -all- --httpPort 8081

3、webapp的启动页面加上下面的js引用
<script type="text/javascript">http://localhost:8081/target/target-script-min.js#{app标识}</script>
其中{app标识}是webapp的唯一标识,任意字符串

4、手机的网络必须和安装调试服务器的电脑在一个局域网,或者调试服务器是公开的服务器,手机可以访问到

Weinre 的使用

成功启动 Weinre 后就可以使用绑定的 IP 或者域名加上端口访问 Weinre 服务器了(我们这里以 http://localhost:8081 为例)。在 Webkit 核心的浏览器(例如 Chrome、Safari 等)中打开 Weinre 服务器主页:

在服务器主页有两项内容很重要: 
A 链接到调试客户端页面,打开后默认到远程面板,如下图所示。 
B 目标代码,这段代码要加入到需要调试的页面中,也可以用书签的方式动态加入。


远程面板总共有四部分: 
A 面板切换,用过 Chrome 或者 Safari 开发者工具的对这个界面肯定很熟悉。 
B 连接到调试服务器的页面,即可以调试的页面。 
C 连接到调试服务地的客户端,当前只有一个。 
D 调试服务器属性,绑定的端口和调试服务器能够响应式的 IP 地址列表。

远程面板以外,还有元素面板、资源面板、网络面板、时间线面板和控制台,后面这几个 Web 开发人员都很熟悉的,就不一一介绍了。

Weinre 支持的平台

支持的调试客户端(运行调试界面的浏览器): 
Google Chrome 
Apple Safari 
其它基于 WebKit 的浏览器 

支持的调试目标(需要调试的网站或应用的界面): 
Android 浏览器应用 
iOS Mobile Safari 应用 
PhoneGap/Cordova other 

不支持的调试目标: 
iOS 3.1.3 及更早版本 
webOS 1.45 及更早版本

Weinre 缺点

暂时不支持脚本的断点调试,如果要调试脚本,可以在js代码中多写一些console.log,检查输出的内容,从而达到调试的目的

这篇关于[Phonegap+Sencha Touch] 移动开发3、调试PhoneGap应用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/653569

相关文章

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2

Python Dash框架在数据可视化仪表板中的应用与实践记录

《PythonDash框架在数据可视化仪表板中的应用与实践记录》Python的PlotlyDash库提供了一种简便且强大的方式来构建和展示互动式数据仪表板,本篇文章将深入探讨如何使用Dash设计一... 目录python Dash框架在数据可视化仪表板中的应用与实践1. 什么是Plotly Dash?1.1

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

利用Go语言开发文件操作工具轻松处理所有文件

《利用Go语言开发文件操作工具轻松处理所有文件》在后端开发中,文件操作是一个非常常见但又容易出错的场景,本文小编要向大家介绍一个强大的Go语言文件操作工具库,它能帮你轻松处理各种文件操作场景... 目录为什么需要这个工具?核心功能详解1. 文件/目录存javascript在性检查2. 批量创建目录3. 文件

Java中&和&&以及|和||的区别、应用场景和代码示例

《Java中&和&&以及|和||的区别、应用场景和代码示例》:本文主要介绍Java中的逻辑运算符&、&&、|和||的区别,包括它们在布尔和整数类型上的应用,文中通过代码介绍的非常详细,需要的朋友可... 目录前言1. & 和 &&代码示例2. | 和 ||代码示例3. 为什么要使用 & 和 | 而不是总是使

Python循环缓冲区的应用详解

《Python循环缓冲区的应用详解》循环缓冲区是一个线性缓冲区,逻辑上被视为一个循环的结构,本文主要为大家介绍了Python中循环缓冲区的相关应用,有兴趣的小伙伴可以了解一下... 目录什么是循环缓冲区循环缓冲区的结构python中的循环缓冲区实现运行循环缓冲区循环缓冲区的优势应用案例Python中的实现库

SpringBoot整合MybatisPlus的基本应用指南

《SpringBoot整合MybatisPlus的基本应用指南》MyBatis-Plus,简称MP,是一个MyBatis的增强工具,在MyBatis的基础上只做增强不做改变,下面小编就来和大家介绍一下... 目录一、MyBATisPlus简介二、SpringBoot整合MybatisPlus1、创建数据库和