首页
学习
活动
专区
工具
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插件或特定的功能,可能需要额外的配置和调试步骤。

相关搜索:如何在使用cordova构建的现有混合应用程序上实现拉取刷新如何在Chrome打包的应用程序上下载文件?在cordova应用程序上使用AJAX函数的最佳方法是什么?在chrome打包的应用程序中使用自签名证书如何在Playwright中使用已安装的chrome版本?如何在Android中截取已调试的应用程序截图?如何在docker容器上运行的应用程序上打开远程调试?尝试使用chrome调试新的asp.net应用时出现IIS错误如何在设备上的react本机应用程序中使用chrome chrome?如何使用应用程序上下文获取已初始化的组件如何在Android设备上隐藏TWA应用程序上的“在Chrome中运行”toast?使用chrome devtools检查每个usb的cordova android应用程序时出现空白屏幕如何删除流传中的调试应用程序,以便人们可以使用签名的apk如何在托管的科尔多瓦应用程序上使用adMob?如何在模拟器上运行的应用程序上作为独立调试器启动lldb?我的应用程序在调试模式下工作正常,但使用带签名的APK时会崩溃如何在也使用前置摄像头的hololens应用程序上使用miracast在Xamarin表单的移动应用程序上使用LINQ语句,如Where、GroupJoin等,(性能方面)有什么影响有没有办法使用Android Studio调试cordova应用程序,并在不同版本的Android上进行测试?针对"Cordova android“的DEEP LINKS :它只从网页链接重定向到appstore页面,而不是在已安装的应用程序上打开内部页面
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

在3月18日的时候,我就曾发表过一篇关于在Electra越狱的设备上使用LLDB调试应用程序的文章。本文我将在此基础上,做进一步的更新优化。...我试图在google搜索,有关使用Electra越狱的iOS设备上调试AppStore应用程序的简要说明。但令我失望的是,竟然没有找到任何有用的资料。...我在以下设备进行了测试: 运行iOS 11.1.2的iPhone 7 运行iOS 11.0.1的iPhone 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.3K11

    让chrome插件在手机上跑起来

    app的加载页面 书写加载页面的内容 使用chrome的扩展程序加载程序代码manifest.json chrome的app的配置文件有固定的形式,简单配置如下{ "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 chrome的app的配置文件有固定的形式,简单配置如下{ "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在就好。

    71310

    让chrome插件在手机上跑起来

    app的加载页面 书写加载页面的内容 使用chrome的扩展程序加载程序代码manifest.json chrome的app的配置文件有固定的形式,简单配置如下{ "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在就好。

    71520

    Ionic3 Android调试

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

    1.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.2K60

    开发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.6K60

    构建具有用户身份认证的 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

    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.8K50

    Weinre --WebApp 调试工具

    上面说 weinre 是一个远程 web 调试器。说到了它的发音,还挺幽默,哈哈。 远程 web 调试器。先说调试器,就像火狐中的 FireBug,Chrome 中的调试器一样。...在开发过程中,使用手机或平板直接来感受是多么的酷,指尖在移动设备的屏幕上摩擦摩擦!给人的直观感受绝对秒杀浏览器的模拟。 原理 使用一种工具之前,了解它的原理和结构是很有帮助的。...weinre 作为一种远程调试工具,在结构上分为三层: 目标页面(target):被调试的页面,页面已嵌入 weinre 的远程 js,下文会介绍; Debug客户端(client):本地的 Web Inspector...Weinre 的客户端只能用 Chrome 或者 Safari 打开。...的一个应用,首先要 使用 npm 命令,安装 weinre 安装成功后会有类似的信息: 使用 启动服务 —boundHost [hostname | ip address | -all-] The

    1.1K10
    领券