[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

相关文章

基于 Cursor 开发 Spring Boot 项目详细攻略

《基于Cursor开发SpringBoot项目详细攻略》Cursor是集成GPT4、Claude3.5等LLM的VSCode类AI编程工具,支持SpringBoot项目开发全流程,涵盖环境配... 目录cursor是什么?基于 Cursor 开发 Spring Boot 项目完整指南1. 环境准备2. 创建

JavaScript中的高级调试方法全攻略指南

《JavaScript中的高级调试方法全攻略指南》什么是高级JavaScript调试技巧,它比console.log有何优势,如何使用断点调试定位问题,通过本文,我们将深入解答这些问题,带您从理论到实... 目录观点与案例结合观点1观点2观点3观点4观点5高级调试技巧详解实战案例断点调试:定位变量错误性能分

PHP应用中处理限流和API节流的最佳实践

《PHP应用中处理限流和API节流的最佳实践》限流和API节流对于确保Web应用程序的可靠性、安全性和可扩展性至关重要,本文将详细介绍PHP应用中处理限流和API节流的最佳实践,下面就来和小编一起学习... 目录限流的重要性在 php 中实施限流的最佳实践使用集中式存储进行状态管理(如 Redis)采用滑动

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

深入浅出Spring中的@Autowired自动注入的工作原理及实践应用

《深入浅出Spring中的@Autowired自动注入的工作原理及实践应用》在Spring框架的学习旅程中,@Autowired无疑是一个高频出现却又让初学者头疼的注解,它看似简单,却蕴含着Sprin... 目录深入浅出Spring中的@Autowired:自动注入的奥秘什么是依赖注入?@Autowired

Python实战之SEO优化自动化工具开发指南

《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化(SEO)已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下... 目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模

PostgreSQL简介及实战应用

《PostgreSQL简介及实战应用》PostgreSQL是一种功能强大的开源关系型数据库管理系统,以其稳定性、高性能、扩展性和复杂查询能力在众多项目中得到广泛应用,本文将从基础概念讲起,逐步深入到高... 目录前言1. PostgreSQL基础1.1 PostgreSQL简介1.2 基础语法1.3 数据库

基于Java开发一个极简版敏感词检测工具

《基于Java开发一个极简版敏感词检测工具》这篇文章主要为大家详细介绍了如何基于Java开发一个极简版敏感词检测工具,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录你是否还在为敏感词检测头疼一、极简版Java敏感词检测工具的3大核心优势1.1 优势1:DFA算法驱动,效率提升10

Python中的filter() 函数的工作原理及应用技巧

《Python中的filter()函数的工作原理及应用技巧》Python的filter()函数用于筛选序列元素,返回迭代器,适合函数式编程,相比列表推导式,内存更优,尤其适用于大数据集,结合lamb... 目录前言一、基本概念基本语法二、使用方式1. 使用 lambda 函数2. 使用普通函数3. 使用 N