ionic4真机调试(Android)

最新推荐文章于 2021-02-06 16:26:34 发布
最新推荐文章于 2021-02-06 16:26:34 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： ionic 文章标签： ionic4 ionic4打包 ionic4真机测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yw00yw/article/details/95446033
版权
本文介绍了Ionic4项目打包并进行真机测试的详细步骤。包括打开手机开发者工具允许USB调试、连接手机与电脑、验证连接、添加android平台、打包项目、用Android Studio导入项目、调试运行，最后还提及了调用相机效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、打开手机的开发者工具，允许USB调试

不同的机型打开方式不同，可百度查找并打开设置

二、连接

用手机数据线（最好是原装数据线）将手机与电脑连接

三、验证是否连接成功
adb devices

在这里插入图片描述

四、添加android平台
 ionic cordova platform add android --save
五、打开ionic项目并打包
ionic cordova build android
六、打开android studio导入项目

用android studio打开项目的时候需要打开ionic项目目录下的platforms下的android文件夹
在这里插入图片描述

七、调试运行

点击Run下面的Run
在这里插入图片描述
在这里插入图片描述

八、点击运行

点击运行的时候会自动编译并将apk文件装到手机上，手机上允许安装即可

九、调用相机效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Ionic iOS打包 - 2.真机调试
ZYYzyy1993的博客
10-19 380
一、准备工作 1、你得有苹果开发者账号个人（$99）、公司（$99）、企业（$299）账号均可。 2、能上网的苹果电脑 macos（苹果虚拟机也可以）、Xcode、iOS 设备（iPhone、ipad 均可） 3、创建项目 sudo ionic start ioniciphone tabs cd到项目目录 sudo ionic serve 浏览器运行 sudo ionic cordova platform add ios添加ios环境 sudo ionic build --prod ...
ionic6 真机运行白屏 可能解决方法
最新发布
渣女园的博客
09-14 311
ionic6 真机运行白屏
ionic 项目在 android 或者 ios 真机调试
qq_38775392的博客
10-05 1271
前面的安装环境这里不一一列举了，这里只是讲解android如何进行真机调试，需要借助浏览器的话，需要谷歌fq： https://pan.baidu.com/s/1F1YjrtDbDTjzIIHvwvy_Ig 9o34 直接在谷歌的扩展程序，选择已解压文件添加即可。下面讲解android如何调试。 如何打开android手机连接电脑，使之处于调试状态，打开手机设置--关于手机，连续点...
ionic4安卓真机调试
热门推荐
z15802933724的博客
09-12 1万+
之前我写过一篇博客 ： ionic4集成高德地图 https://blog.youkuaiyun.com/z15802933724/article/details/82500215 成功的使用 了高德地图，不过中间有点问题，我在计算点到线的距离的时候报错了… core.js:1673 ERROR TypeError: Cannot read property 'closestOnLine' of ...
ionic app 真机调试
weixin_30547797的博客
06-25 333
ionic项目开发完成之后需要在手机端测试效果，但是如果出现问题又不知道问题在哪，需要借助chore浏览器打印查看的问题 需要用新版的chore浏览器（至少要v.45以上） 1.将app安装到手机并打开手的开发者模式，将你的app在手机上允许手机调试模式； 2.在浏览器打开chrome://inspect/#devices网址，进去选择打开你的手机，第一次可能需要FQ，此后就不需要了， 3...
ionic/cordova 真机调试
weixin_30527143的博客
09-07 276
android下简单，连接手机后，直接： myProjectPath>ionic run android ios下比较麻烦点，要先装ios-deploy： ​sudo npm install -g ios-deploy 然后： sudo ionic run ios --device 转载于:https://www.cnblogs.com/judypol...
cordova Android 安卓 chrome 谷歌浏览器 真机 调试 404 不能调试 ionic edge 调试 最新 教程
qingyuxx
10-18 1143
2020.01.03 新增方案：使用 microsoft edge 微软的edge浏览器 最新/测试开发版 //（版本 80.0.361.9 (官方内部版本) dev (64 位) 此浏览器基于 Chromium 开源项目及其他 开源软件。） https://www.microsoftedgeinsider.com 浏览器地址栏: edge://inspect/ 参考： 1.h...
Ionic 4 Cross Platform Android和IOS App入门
04-03
6. **iOS开发**：虽然不是直接进行Objective-C或Swift编程，但使用Ionic 4的开发者仍需要理解iOS的基本概念，如Storyboard、导航控制器和生命周期管理，以便更好地设计和调试应用在iOS设备上的表现。 7. **Android...
【ionic】framework跨平台开发，从环境搭建到项目开发
ZhangKui-01的博客
02-24 633
单刀直入>>>>>>>>>>>>>> 一，配置开发环境： 1、首先需要安装Node.js，确认电脑已安装了node.js，否则请下载安装node.js; 检查安装是否成功打开命令行输入一下两个命令(输出版本号就是成功) node -v npm-v...
Ionic项目打包Android在9版本以上不能进行HTTP通信问题
01-03
但是在真机调试中不存在跨域，所以把代理去掉，但正常的http请求却过不去。也就是说，Android9以及以上的Android版本需要使用https通信，不支持http通信，但是有办法！ 解决办法 在 platforms\android\app\src\main
ionic真机android调试，添加设备
你当像鸟飞往你的山~~
08-22 2414
在线运行ionic，真机android调试，添加设备；有时可能报设备找不到 1.安卓手机连接电脑，并且打开usb调试模式 2.cmd中 adb devices 查看是否有手机连接开发计算机，有的手机是连不上的 3.进入项目，ionic cordova run  android –device...
Ionic 真机调试打包环境配置
Caco 的博客
03-12 374
安装Android Studio 下载 Android SDK 16+ 安装 JDK1.8 配置环境变量 JAVA_HOME C:\Program Files\Java\jdk1.8.0_171 PATH %JAVA_HOME%\jre\bin PATH C:\Users\18228\AppData\Local\Android\Sdk\platform-...
ionic ios 真机调试（无需apple 开发者账号）
Caco 的博客
10-09 872
编译iOS文件 执行下面命令添加ios平台 ionic cordova platform add ios 执行结果会在项目工程中添加platforms（平台文件夹Android / iOS） 和 plusgins（项目插件文件夹）文件夹，如下图所示 同时会自动执行一下命令创建图标和启动屏幕 ionic cordova resources ios 执行结果会在项目中添加r...
ionic3 真机调试
qq_33871182的博客
06-04 528
1、打开手机开发人员调试模式（开始usb调试模式） 2、链接usb 选择传输文件模式 3、输入相应的命令 sudo ionic cordova run android -lc //安卓 sudo ionic cordova run ios -lc //苹果
Ionic真机测试
qq_39239110的博客
01-11 576
1.Android平台下的打包测试 打包命令　ionic build 添加平台支持 ionic cordova platform add android 打包： ionic cordova build android 【debug版本，无需签名】 ionic cordova build android --release 【发布版，需要签名（要使用jarsigner签名必须用release版本）...
cordova 安卓真机调试_Ionic4 cordova混合开发的开发调试环境搭建
weixin_36070880的博客
02-06 504
Ionic4混合开发首选应该是capacitor，但capacitor刚推出不久还不够成熟，所以选择使用传统的cordova方式开发。基本上，Ionic native5和之前版本使用方式上变化不大，但cli有些选项上有些区别。1.创建platform添加android平台ionic cordova platform add android删除android平台ionic cordova platf...
ionic2真机调试开发
邵锦杰的博客
12-28 2281
1.jdk，配置环境变量 2.android sdk，环境变量配置 3.gradle环境变量配置 4.安卓手机连接电脑，并且打开usb调试模式 5.cmd中 adb devices 查看是否有手机连接开发计算机，有的手机是连不上的 6.进入项目，ionic cordova run  android --device --livereload，会下载安装很多控件jar包，需要等待一
Ionic4—Android Studio打测试包
雷雨天的雷胖子
12-08 640
目录 一、创建平台文件 二、更新平台文件 三、编译平台文件 四、打包APP 一、创建平台文件 创建项目 > ionic start myApp tabs 把Android环境添加到项目 > ionic cordova platform add android Android平台文件生成后，可以直接导入Android Studio打包。平台文件生成后，...
ionic4项目结合chrome在Android真机运行调试
yw00yw的博客
07-08 2156
1. 创建App ionic start myApp tabs 2. 添加平台 给App添加目标平台，我们将会添加'ios'和'android'平台，并确保他们保存在了config.xml中 ionic cordova platform add ios --save ionic cordova platform add android --save 检查你当前平台设置状况： ionic...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值