- 2024-09-25Android连接蓝牙自定义封装SDK(基于Cordova与ionic)
今天给大家分享一款基于Cordova与ionic框架自定义封装的Android手机连接蓝牙的插件。自己公司遇到的业务需求是,与第三方公司合作,需要在项目现场打印项目物资与物料验收单,后期提供给财务核对报销等。第三方公司提供蓝牙打印机与手持机,我们需要自己结合业务开发相对应的功能。
- 2024-05-17Ionic 在 AuthGuard 中验证登录状态
Ionic在AuthGuard中验证登录状态通过ionicgserviceservices/storage创建StorageService管理存储相关的操作:import{Injectable}from'@angular/core';import{Storage}from'@ionic/storage-angular';@Injectable({providedIn:'root'
- 2024-03-20npm安装ionic出现异常:request to https://registry.npm.taobao.org/@ionic%2fcli failed, reason: certificate h
异常: 异常是淘宝镜像过期了,现在淘宝镜像从https://registry.npm.taobao.org/换成了 https://registry.npmmirror.com查看npm的配置,查看淘宝镜像地址npmconfiglist 更换镜像地址npmconfigsetregistryhttps://registry.npmmirror.com再次运行ionic的安装命令成
- 2023-12-26ionic在iOS16上遇到的一些问题,图片、图标不显示,样式不正常等
近日,一个很久之前ionic5开发的APP的iOS版因为签名描述文件(profile、.mobileProvisioning)过期而不能使用了,所以需要重新创建一个描述文件,然后重新打包APP。但过程中却遇到了一系列的问题,特写此文记录下来。问题1,iOS打包遇到问题:在xcode的Signing&Capabilities面板中选择(导入)了
- 2023-07-29Vue3 如何开发移动端(安卓,ios)
Vue3有没有一款好用的开发移动端的工具1.uniapp我个人认为uniapp适合开发小程序之类的,用这个去开发原生应用会存在一些问题性能限制:由于Uniapp是通过中间层实现跨平台,应用在访问底层功能时可能存在性能损失。与原生开发相比,Uniapp在处理大规模数据、复杂动画和高性能要求的应
- 2023-07-10ionic cordova 打包Rlease版本包出现异常Execution failed for task ':app:mergeReleaseResources'.java.u
异常: 解决方法:找到android=》app下的build.gradle文件,如下增加如下配置 运行ioniccordovabuildandroid--release打包语句正常执行
- 2023-06-30ionic主题更换
定义主题文件参照默认的主题文件variables.scss中的primary样式(ionic组件默认使用primary样式,定制其他主题时就可以根据primary的样式名进行更改) 自定义一个薄荷色的主题(默认primary中的样式名必须要有,有新需求可自定义增加)若新主题是单独的文件需要在variables.scss中引入
- 2023-06-30ionic LoadingController 使用cssClass改变加载样式
以改变加载框的图表颜色和字体颜色为例在主题文件variables.scss中设置LoadingController需要改变的样式class以下使用主题颜色为加载框的图表颜色和字体颜色(当主题更改时随之改变)//加载框全局样式ion-loading.custom-loading{.loading-wrapper{--spinner-
- 2023-06-12提升用户体验:在小程序环境中充分利用Ionic框架
Ionic是一个用于构建跨平台移动应用程序的开源框架。它结合了HTML、CSS和JavaScript等技术,帮助开发者创建具有原生应用体验的移动应用程序。Ionic提供了一套用户界面组件和工具,可用于构建高度交互和美观的移动应用界面。 Ionic基于Angular框架,利用Angular的能力来构建复杂的
- 2023-06-02处理 Ionic 5 中的重大变化:删除了Events,如何在ionic 5+版本中实现自定义Events用于旧版本的替代方案?
您是否将您的Ionic应用程序升级到v5,而您的应用程序正在使用Events,它不再工作?如果上述情况属实,那么您来对地方了。先讲个小故事——几天前,我看到一条来自离子团队的推文,Ionic5已发布,在看到该推文10分钟后,我仅使用两个命令将我们的一个中型生产应用程序升级到Ionic5和A
- 2023-04-28搭建Cordova开发环境
Cordova是什么ApacheCordova是一套设备API,允许移动应用的开发者使用JavaScript来访问本地设备的功能,比如摄像头、加速计。它可以与UI框架(如jQueryMobile、angularjs或SenchaTouch)等相结合使用,这些UI框架可以使用HTML、CSS和JavaScript开发智能手机应用。通过Cordova开发的应用,可
- 2023-04-28ionic5中在一个模态窗口中打开另一个,关闭后者之后出现的问题
几年前开发ionic时遇到的问题,当时在stackoverflow上找到的解决方案,记录下:In @ionic/
[email protected],whenamodallayerisopenedbymodalController,andanothermodallayerisopenedinit,andthenthelatterisclosed,therewillbeaproblem:atranslucentmask
- 2023-01-05前端调试工具(ionic)
一、调试工具介绍1、firefox插件WebDeveloper1.1.6(最新版本,中文版)主要用于html、css、js的查看和编辑;推荐指数:Firefox上开发和调试web站点的不二之选。Webdeveloper
- 2022-12-02ionic 架构
1.路由:rout,页面内容:html,页面css:scss,js脚本内容:ts2.功能介绍路由:负责组织每个页面。页面css:scss,负责定制每个组件的内容,比如组件是iobag,那么在这个文件里就直接去
- 2022-11-28Ionic +Angular 打包后Http不能访问
针对使用Capacitor打包的可在项目根目录下找到capacitor.config.ts文件在内容增加server:{ 'cleartext':true }如下: 再重新打包就可以了针对
- 2022-11-09ionic -angular 瀑布流
html<!--瀑布流方式--><divid="container"[ngClass]="list.length>0?'show':'hide'"><divclass="box"*ngFor="letitemoflist"(click)="goDetail
- 2022-08-29Angular+Ionic 禁止手机自带返回返回登录页
使用场景:手机登录后静止手机自带的返回按钮返回登录页解决方式:使用Angular路由中的路由守卫进入守卫canActivate();默认所有人都可进入路由,当需要限制进入路由时就可
- 2022-08-24angular ionic ts的数据不更新到html页面
场景:在ts中更新了某个数据但是未刷新到html页面,该页面的上方放置的腾讯地图,下方放置需要更新数据的版块,该板块的数据未更新其他页面能正常更新原因:未知解决方法:在ts