[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

相关文章

C语言中位操作的实际应用举例

《C语言中位操作的实际应用举例》:本文主要介绍C语言中位操作的实际应用,总结了位操作的使用场景,并指出了需要注意的问题,如可读性、平台依赖性和溢出风险,文中通过代码介绍的非常详细,需要的朋友可以参... 目录1. 嵌入式系统与硬件寄存器操作2. 网络协议解析3. 图像处理与颜色编码4. 高效处理布尔标志集合

Go语言开发实现查询IP信息的MCP服务器

《Go语言开发实现查询IP信息的MCP服务器》随着MCP的快速普及和广泛应用,MCP服务器也层出不穷,本文将详细介绍如何在Go语言中使用go-mcp库来开发一个查询IP信息的MCP... 目录前言mcp-ip-geo 服务器目录结构说明查询 IP 信息功能实现工具实现工具管理查询单个 IP 信息工具的实现服

利用Python调试串口的示例代码

《利用Python调试串口的示例代码》在嵌入式开发、物联网设备调试过程中,串口通信是最基础的调试手段本文将带你用Python+ttkbootstrap打造一款高颜值、多功能的串口调试助手,需要的可以了... 目录概述:为什么需要专业的串口调试工具项目架构设计1.1 技术栈选型1.2 关键类说明1.3 线程模

Java中的Lambda表达式及其应用小结

《Java中的Lambda表达式及其应用小结》Java中的Lambda表达式是一项极具创新性的特性,它使得Java代码更加简洁和高效,尤其是在集合操作和并行处理方面,:本文主要介绍Java中的La... 目录前言1. 什么是Lambda表达式?2. Lambda表达式的基本语法例子1:最简单的Lambda表

Python结合PyWebView库打造跨平台桌面应用

《Python结合PyWebView库打造跨平台桌面应用》随着Web技术的发展,将HTML/CSS/JavaScript与Python结合构建桌面应用成为可能,本文将系统讲解如何使用PyWebView... 目录一、技术原理与优势分析1.1 架构原理1.2 核心优势二、开发环境搭建2.1 安装依赖2.2 验

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

SpringShell命令行之交互式Shell应用开发方式

《SpringShell命令行之交互式Shell应用开发方式》本文将深入探讨SpringShell的核心特性、实现方式及应用场景,帮助开发者掌握这一强大工具,具有很好的参考价值,希望对大家有所帮助,如... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定

SpringBoot应用中出现的Full GC问题的场景与解决

《SpringBoot应用中出现的FullGC问题的场景与解决》这篇文章主要为大家详细介绍了SpringBoot应用中出现的FullGC问题的场景与解决方法,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录Full GC的原理与触发条件原理触发条件对Spring Boot应用的影响示例代码优化建议结论F

MySQL 分区与分库分表策略应用小结

《MySQL分区与分库分表策略应用小结》在大数据量、复杂查询和高并发的应用场景下,单一数据库往往难以满足性能和扩展性的要求,本文将详细介绍这两种策略的基本概念、实现方法及优缺点,并通过实际案例展示如... 目录mysql 分区与分库分表策略1. 数据库水平拆分的背景2. MySQL 分区策略2.1 分区概念