首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在已签名的Cordova应用程序上使用Chrome调试?

在已签名的Cordova应用程序上使用Chrome调试,可以按照以下步骤进行操作:

  1. 确保你已经安装了最新版本的Chrome浏览器和Cordova命令行工具。
  2. 在Cordova项目的根目录下,使用命令行运行以下命令来生成一个调试用的Chrome启动文件:cordova prepare android
  3. 打开Chrome浏览器,输入以下地址并访问:chrome://inspect/#devices
  4. 在Chrome浏览器的"Devices"页面中,点击"Port forwarding"按钮。
  5. 在"Port forwarding"页面中,点击"Add rule"按钮。
  6. 在"Add rule"对话框中,输入以下信息:
    • 本地端口:选择一个未被占用的本地端口号,比如9222。
    • IP地址和端口:输入设备的IP地址和端口号,可以通过在设备上运行以下命令获取:adb shell ifconfig
    • 点击"Add"按钮保存设置。
  7. 在Cordova项目的根目录下,使用命令行运行以下命令来构建并运行应用程序:cordova run android --device
  8. 在设备上打开已签名的Cordova应用程序。
  9. 回到Chrome浏览器的"Devices"页面,你应该能够看到你的设备和应用程序。
  10. 点击应用程序下方的"inspect"链接,即可打开Chrome开发者工具,开始对应用程序进行调试。

请注意,以上步骤仅适用于Android设备。对于iOS设备,你需要使用Safari浏览器进行调试。此外,如果你的应用程序使用了Cordova插件或特定的功能,可能需要额外的配置和调试步骤。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

何在Electra越狱设备上使用LLDB调试应用程序

在3月18日时候,我就曾发表过一篇关于在Electra越狱设备上使用LLDB调试应用程序文章。本文我将在此基础上,做进一步更新优化。...我试图在google搜索,有关使用Electra越狱iOS设备上调试AppStore应用程序简要说明。但令我失望是,竟然没有找到任何有用资料。...我在以下设备进行了测试: 运行iOS 11.1.2iPhone 7 运行iOS 11.0.1iPhone 5s 这两款设备都使用Electra jailbreak 1.0.4进行了越狱。...将你iOS设备连接到USB。 接着在Xcode中你应该看到,如下红框内所示信息: ? 等到“准备调试支持iPhone”完成。...如果你遇到了错误则, 在没有调试情况下运行应用程序 如前一节所述,将调试器attach到应用程序 关闭(LLDB)应用程序 尝试在调试器下再次运行应用程序 *参考来源:kov4l3nko,FB小编

2.3K40

【开发指南】(四)Ionic3快速上手并了解这些

我们打开该文件,里面是基本配置,$colors,可以随意增删改,当使用某种颜色时,元素标签添加color=“danger”即可使用这里定义颜色。...2)习惯使用ionic-cli 使用cli提供generate指令。...插件 混合式应用一个比较大特点是调用原生,ionic调用原生方式为Cordova插件,为了更方便调用,ionic2及以上封装了ionic-native,在使用之前,建议先了解下Cordova基本知识...,有兴趣可以看此文: http://www.jianshu.com/p/f508b3e2ecc7 8、建议使用chrome调试 调试Web时,调出【开发者工具】,选【终端】模式,以更好查看应用效果,在...Source左侧目录树找到源码,打上断点调试业务逻辑;调试安卓真机时,chrome也能注入调试其中Web部分。

3.2K20

使用 Cordova 构建应用流程

应用程序在针对每个平台包装器中执行,并依靠符合标准 API 绑定来访问每个设备功能,传感器、数据、网络状态等。 内容目录 [TOC] 结构 Cordova 应用程序有几个组件。...使用以下 node 命令安装 plugman: npm install -g plugman 您需要一个有效应用程序源目录,例如默认 CLI-generated 项目中包含顶级 www 目录,...polystor.keystore --storePassword=polystor --alias=polystor --password=polystor 根据路径找到对应目录 app-release.apk就是签名安卓安装包...对于自动签名,配置文件由 Xcode (推荐)自动管理。 对于手动签名使用 UUID 指定配置文件。...调试 Cordova 应用程序 User Interface 用户界面 Special Considerations 特别考虑 最佳实践 SPA Is Your Friend 首先,你 Cordova

4.2K11

chrome插件在手机上跑起来

app加载页面 书写加载页面的内容 使用chrome扩展程序加载程序代码manifest.json chromeapp配置文件有固定形式,简单配置如下{ "manifest_version...由于入口是一个js文件,而实际我们是需要创建一个界面来展示数据和做一些交互,所以这里会借助chrome一个api来实现这个功能,在应用启动时候,我们来创建一个页面出来 chrome.app.runtime.onLaunched.addListener...,chrome扩展插件出于安全考虑,是不能写内联脚本,内联样式是可以 引用第三方cdn服务器上得脚本也是不允许 使用chrome扩展程序加载程序代码 打开chrome-工具(右上角条纹按钮...当然,需要到真机上调试问题一般都会比较麻烦 小结 hybrid中开发形式多样,可以直接嵌入app或者使用三方框架来实现,而谷歌提供cca(c ordova c hrome a pp)可以对自家...但其实它提供是一个工具包,它是基于cordova apache来实现,这个才是核心,有cordova apache在就好。

1.2K50

chrome插件在手机上跑起来

app加载页面 书写加载页面的内容 使用chrome扩展程序加载程序代码manifest.json chromeapp配置文件有固定形式,简单配置如下{ "manifest_version...由于入口是一个js文件,而实际我们是需要创建一个界面来展示数据和做一些交互,所以这里会借助chrome一个api来实现这个功能,在应用启动时候,我们来创建一个页面出来 chrome.app.runtime.onLaunched.addListener...,chrome扩展插件出于安全考虑,是不能写内联脚本,内联样式是可以 引用第三方cdn服务器上得脚本也是不允许 使用chrome扩展程序加载程序代码 打开chrome-工具(右上角条纹按钮...当然,需要到真机上调试问题一般都会比较麻烦 小结 hybrid中开发形式多样,可以直接嵌入app或者使用三方框架来实现,而谷歌提供cca(c ordova c hrome a pp)可以对自家...但其实它提供是一个工具包,它是基于cordova apache来实现,这个才是核心,有cordova apache在就好。

65910

chrome插件在手机上跑起来

app加载页面 书写加载页面的内容 使用chrome扩展程序加载程序代码manifest.json chromeapp配置文件有固定形式,简单配置如下{ "manifest_version...由于入口是一个js文件,而实际我们是需要创建一个界面来展示数据和做一些交互,所以这里会借助chrome一个api来实现这个功能,在应用启动时候,我们来创建一个页面出来 chrome.app.runtime.onLaunched.addListener...,chrome扩展插件出于安全考虑,是不能写内联脚本,内联样式是可以 引用第三方cdn服务器上得脚本也是不允许 使用chrome扩展程序加载程序代码 打开chrome-工具(右上角条纹按钮...当然,需要到真机上调试问题一般都会比较麻烦 小结 hybrid中开发形式多样,可以直接嵌入app或者使用三方框架来实现,而谷歌提供cca(c ordova c hrome a pp)可以对自家...但其实它提供是一个工具包,它是基于cordova apache来实现,这个才是核心,有cordova apache在就好。

69320

Ionic3 Android调试

本文主要介绍将Ionic项目打包成安卓应用之后调试过程,调试方式分两种:模拟器调试、真机调试。...不过在此之前,必须要将ionic项目成功打包成Android应用,有关 ionic打包成Android应用具体教程,请参考以下文章: Ionic3 Android打包 模拟器调试 模拟器调试也就是启动...可能是因为直接使用电脑上cpu,然后这个和电脑配置也有关系吧。 真机调试 除了使用模拟器调试,还可以使用真机调试。...真机调试日志 真机调试可以看到应用真实运行效果,这是检测bug最好方法。但是这种方法也有一个问题,比如在代码中输出日志该怎么查看?...手机开启usb调试功能 usb数据线将手机与电脑相连接 用chrome最新版本打开以下链接:chrome://inspect/#devices 如图所示,保持选项和图上一致就可以了

1K40

Mobile first! Wijmo 5 + Ionic Framework之:Hello World!

Ionic是一个HTML5框架、免费、开源,用于帮助生成hybird mobile Apps (混合移动应用)。...Ionic包含3部分: CSS 样式:用于渲染Web页面,使得页面更接近原生移动应用 (Native App)。...Apache Cordova:Ionic使用Apache Cordova编译为mobile App,并提供了ngCordova库--使用AngularJs扩展Cordova API库。...Git Node.js Bower Apache Cordova 在本教程中,我们使用Chrome用于开发、调试,同时,你也可以在Android和IOS设备上用其他浏览器来调试。...在Web服务启动情况下,所做任何修改,刷新浏览器页面即可而不用重启Web服务,这个对于调试非常方便。 我们会看到如下页面: ? 要停止服务,可在命令行下通过 ? 结束服务。

2.1K60

web使用 Weinre 调试移动网站及 PhoneGap 应用

在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便调试网站或者 Web 应用。但是,当我们想在移动端调试站点或者应用时候,这些工具就派不上用场了。...使用 Weinre 目的是调试运行在移动设备浏览器内 Web 站点或者应用,我们称这个移动设备即为调试目标(Debug Target)。...由于在移动设备上直接进行调试操作不便,Weinre 帮助我们使用桌面传统 webkit 环境(比如 Web Inspector 或者 Google Chrome 开发者工具)来进行调试,我们称这个桌面调试环境为调试客户端...Weinre 支持平台 支持调试客户端(运行调试界面的浏览器): Google Chrome Apple Safari 其它基于 WebKit 浏览器 支持调试目标(需要调试网站或应用界面)...: Android 浏览器应用 iOS Mobile Safari 应用 PhoneGap/Cordova other 不支持调试目标: iOS 3.1.3 及更早版本 webOS 1.45 及更早版本

99840

开发Hybrid App技术选型

二、移动应用开发三种方式 Native App:原生应用,在android端通常使用Java或Kotlin开发,ios端使用OC或者Swift开发 Hybrid App:混合应用,结合Web与Native...技术开发 Web App:web应用,网页三剑客html+css+js Native App开发依旧是移动应用主导,但如今Native App或多或少会嵌入一些web页面,诸如淘宝、京东等APP,所以如今真正意义上原生应用又该如何去定义呢...当然如果你不用jq也可以选择其他类库封装ajax请求axios!...插件太多可查看这里 官方插件搜索地址点击这里 6、插件使用,以imagePicker为例子 cordova plugin add cordova-plugin-imagepicker...7、构建release版本以及签名 构建release版本 cordova build android --release 对 APK 签名 jarsigner -verbose -sigalg

2.5K30

【技巧】ionic3优雅解决启动前、后黑白屏问题

; 上述两步可以直接下载放到github上插件cordova-fix-blackscreen。...4)应用项目的config.xml文件添加下面一句,指定使用主题(2选1),这样在cordova build时,cordova-custom-config插件会执行并修改这句里文件参数。...我们可以验证一下,执行命令运行看效果: ionic run android 2、启动后黑白屏 ionic启动页使用cordova-plugin-splashscreen这个插件,插件配置在应用config.xml...解决方法有: 1)设置较长延时时间(配置改SplashScreenDelay),用于超过应用资源加载时间 这样dialog一关闭就看到加载完首页了,但是这种方式缺点是:延时时间不可判,设长了...加与不加这参数区别其实是AOT(Ahead-of-time,提前编译)和JIT(Just-in-time,即时编译)区别,使用参数后使用AOT,若代码存在不规范地方,缺文件使得应用报错而无法启动

3.5K60

Cordova封装打包vue H5项目到Android平台详解

android@6.2.3 成功之后如下: [在这里插入图片描述] 输入cordova platform ls可查看安装平台情况 [在这里插入图片描述] 此时项目文件夹已经有了platform文件夹了...要在index.html中引入cordova.js,不然后续所有的插件都不能使用!...cordova build --release android 执行成功后就会生成正式apk包了 [在这里插入图片描述] 此时生成包是没有签名正式包 生成签名证书并签名apk包 生成证书就不说了网上百度一堆...XXX.apk app-release-unsigned.apk XXX.keystore [在这里插入图片描述] 执行成功后就可以看到生成签名apk包了,这个包就可以手机直接安装使用了 总结...这些都是最基本封装,实际过程中我们还需要使用很多Cordova插件来满足我们项目需求 后面再慢慢丰富这个专题,今天时间有限就写这么多了 还有ios封装包括打包申请证书pp文件生成ipa并上传上架

1.7K50

构建具有用户身份认证 Ionic 应用

OIDC 允许你直接使用 Okta Platform API 进行认证,本文目的就是告诉你如何在一个 Ionic 应用使用这些 API。...Cordova 和 PhoneGap 允许你使用一套代码开发多个平台应用 (比如 Android 和 iOS) 。除此之外,应用程序和原生程序相差无尽并且和原生体验一样好。...你可以使用 Chrome 设备模式查看应用程序在 iPhone 6 中效果。 ? 使用 Ionic serve 命令特点是它会在浏览器中显示编译错误,而不是(有时会隐藏)在开发控制台。...你可以使用 Chrome 设备模式查看在 iPhone 6 上效果。 ?...npm install -g ios-deploy ionic cordova run ios 如果你之前没有为应用程序设置代码签名,则此命令可能会失败。

23.8K00
领券