[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

相关文章

Python中re模块结合正则表达式的实际应用案例

《Python中re模块结合正则表达式的实际应用案例》Python中的re模块是用于处理正则表达式的强大工具,正则表达式是一种用来匹配字符串的模式,它可以在文本中搜索和匹配特定的字符串模式,这篇文章主... 目录前言re模块常用函数一、查看文本中是否包含 A 或 B 字符串二、替换多个关键词为统一格式三、提

Java MQTT实战应用

《JavaMQTT实战应用》本文详解MQTT协议,涵盖其发布/订阅机制、低功耗高效特性、三种服务质量等级(QoS0/1/2),以及客户端、代理、主题的核心概念,最后提供Linux部署教程、Sprin... 目录一、MQTT协议二、MQTT优点三、三种服务质量等级四、客户端、代理、主题1. 客户端(Clien

SpringBoot开发中十大常见陷阱深度解析与避坑指南

《SpringBoot开发中十大常见陷阱深度解析与避坑指南》在SpringBoot的开发过程中,即使是经验丰富的开发者也难免会遇到各种棘手的问题,本文将针对SpringBoot开发中十大常见的“坑... 目录引言一、配置总出错?是不是同时用了.properties和.yml?二、换个位置配置就失效?搞清楚加

Python中对FFmpeg封装开发库FFmpy详解

《Python中对FFmpeg封装开发库FFmpy详解》:本文主要介绍Python中对FFmpeg封装开发库FFmpy,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录一、FFmpy简介与安装1.1 FFmpy概述1.2 安装方法二、FFmpy核心类与方法2.1 FF

HTML5实现的移动端购物车自动结算功能示例代码

《HTML5实现的移动端购物车自动结算功能示例代码》本文介绍HTML5实现移动端购物车自动结算,通过WebStorage、事件监听、DOM操作等技术,确保实时更新与数据同步,优化性能及无障碍性,提升用... 目录1. 移动端购物车自动结算概述2. 数据存储与状态保存机制2.1 浏览器端的数据存储方式2.1.

基于Python开发Windows屏幕控制工具

《基于Python开发Windows屏幕控制工具》在数字化办公时代,屏幕管理已成为提升工作效率和保护眼睛健康的重要环节,本文将分享一个基于Python和PySide6开发的Windows屏幕控制工具,... 目录概述功能亮点界面展示实现步骤详解1. 环境准备2. 亮度控制模块3. 息屏功能实现4. 息屏时间

CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

《CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比》CSS中的position属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布... css 中的 position 属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布局和层叠关

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

Python实例题之pygame开发打飞机游戏实例代码

《Python实例题之pygame开发打飞机游戏实例代码》对于python的学习者,能够写出一个飞机大战的程序代码,是不是感觉到非常的开心,:本文主要介绍Python实例题之pygame开发打飞机... 目录题目pygame-aircraft-game使用 Pygame 开发的打飞机游戏脚本代码解释初始化部

使用Python开发一个现代化屏幕取色器

《使用Python开发一个现代化屏幕取色器》在UI设计、网页开发等场景中,颜色拾取是高频需求,:本文主要介绍如何使用Python开发一个现代化屏幕取色器,有需要的小伙伴可以参考一下... 目录一、项目概述二、核心功能解析2.1 实时颜色追踪2.2 智能颜色显示三、效果展示四、实现步骤详解4.1 环境配置4.