ionic实现app长时间未操作直接退出软件

最新推荐文章于 2023-08-01 11:21:24 发布
最新推荐文章于 2023-08-01 11:21:24 发布
阅读量131 收藏
点赞数 1
文章标签： javascript 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Colin_0801/article/details/129517819
版权

 1.需要在页面中先定义一个 timer（定时器）

 2.ionic4中的ngOnInit相当于vue中的mouted。

 3.在checkTimeout方法中无法使用定义好的全局变量，因为方法在定时器中使用。

 4.定时器为全局定时器，不人工进行销毁，并且最后操作时间在seesionstorage中存储。所以在app首页写入此代码，可全局使用

Colin_0801
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ionic App问题总结系列之ionic点击系统返回键退出App
08-29
本篇文章主要介绍了ionic App问题总结系列之ionic点击系统返回键退出App，具有一定的参考价值，有兴趣的可以了解一下
uni-app 长时间未操作自动退出【完美解决】
万能的僵小鱼
08-19 3809
1.通过getCurrentPages获取当前Webview对象。 2.给当前Webview添加触屏事件监听。 3.给当前Webview添加页面关闭事件监听。
Ionic5如何实现退出应用（退出App）
分享技术，传播知识!
10-21 1297
Ionic5如何实现退出应用（退出App）背景关键点代码实现 背景 默认开发的Ionic App打包在手机上安装后，是无法通过返回（屏幕滑动的返回操作）退出应用的，要想实现这个功能， 还需要编写一部分代码来实现。 关键点 通过在app.component.ts中增加订阅platform返回操作来实现。 关键代码： navigator['app'].exitApp(); //退出应用 代码实现 app.component.ts import { Component } from '@angular
Ionic 实现双击返回键退出功能
pdw2009的专栏
08-24 5159
Ionic 实现双击返回键退出功能
【项目问题】Ionic 的生命周期以及Android “两次返回退出“的实现
Dai的博客
08-04 591
【项目问题】Ionic 的生命周期以及Android “两次返回退出“的实现。
三步实现ionic3点击退出app程序
01-19
本文实例为大家分享了ionic3点击退出app程序的具体代码，供大家参考，具体内容如下 其实也很简单。大概分为三步 1.tabs.ts文件需要声明一下 @ViewChild('mainTabs') tabs:Tabs;//声明tabs组件() 2.app.component.ts...
ionic监听android返回键实现“再按一次退出”功能
01-05
在android平台上的app，在主页面时经常会遇到“再按一次退出app”的功能，避免只按一下返回键就退出app提升体验优化。 1、这个功能需要我们用到ionic提供的registerBackButtonAction方法（注册硬件后退按钮动作） ...
uniapp 长时间不操作，自动退出登录页
最新发布
Passerby_K的博客
08-01 1216
uniapp 长时间不操作，自动退出登录页
vue两种方式实现：用户长时间不操作退出到登录页
asxw00的博客
09-16 2601
产品说，出于安全考虑，用户长时间不操作，就回到登录页面，让用户重新登录，就像银行的app一样。本文就记录一下实现这种效果的两种方式，分别是前端控制和后端控制，各有细节及适用使用场景 前端控制（方式一） 思路 首先，用户长时间不操作具体表现形式是啥？其实就是事件是否长时间没有被触发执行。 比如用户长时间不操作，就没有鼠标点击(click)事件、鼠标滚轮(mousewheel)事件、鼠标移动(mousemove)事件之类的，我们只需要监听这些事件，如果这些事件长时间没有触发，就说明用户长时间未操作，然后
Android实现app长时间未操作时自动退出app
bobo的博客
11-23 6606
这里要考虑3个问题，第一个是锁屏问题，第二个是app被切换至后台的问题，第三个是屏幕锁定和解除时app在后台时的问题 一，监听屏幕解锁，锁定 public class ScreenObserver { private static String TAG = "ScreenObserver"; private Context mContext; private ...
ionic4 android 返回 退出app
weixin_36176236的博客
07-11 1758
1.在 app.component.ts中。 然后 //android通过返回按钮退出应用 lastTimeBackPress = 0; timePeriodToExit = 2000; 上图中红框代表你要在哪个页面，退出app 。具体去查找路由。 最后 记得调用 navigator['app'].exitApp(); 以上就是ionic 退出app的方法。 ...
ionic3对安卓硬件返回的处理
DIWUCH的博客
07-03 4365
产品需求： 1、安卓手机在app根目录页面点一次返回提示“再点一次退出应用”，点按第二次直接退出应用 2、在其余层级页面（非根目录页面），点按安卓硬件返回上一级 问题： 查询了很多资料，发现一般处理硬件都是在app.component.ts文件里面调用如下方法： this.platform.registerBackButtonActio() 导致
ionic对安卓返回和退出的处理
DAYU
04-07 8072
ionic应用中默认安卓返回键响应的事件是按照ionic访问页面的顺序回退页面。当在应用访问多个页面后按返回键，ionic会按照页面访问的顺序逐一返回每个访问过的页面。。。遇到这样的体验，最想做的就是砸掉手机（/TДT)/ ![这里写图片描述]=(http://chuang.u.qiniudn.com/xiongda520_key@2x.png) 这种情况可以通过ionic的registerB
ionic开发App-问题收集总结
前端超人
11-19 5669
总结使用ionic开发App算是告一段落了。使用前端的技术来统一移动端，不得不承认这个听起来很酷。JavaScript要统一世界的节奏。 然而现实并不是这样，使用ionic开发App虽然在开发速度上比原生开发快很多（有AngularJS的基础上，1~2个礼拜熟悉ionic框架，一个月左右做完App），但依然存在下面这个几个比较致命的问题： 1. App流畅度不足，用户体验差。尤其是在Androi
Angular+ionic实现退出功能
weixin_44794123的博客
07-22 415
Angular+ionic实现退出功能 1，html中 <div class="delivery-address-content-footer" (click)="logoutConfirm()"> <span>退出当前账户</span> </div> 2，ts中 引入AlertController import { ToastController, LoadingController, NavController,AlertContr
ionic2 APP退出事件
Wait for 的专栏
04-13 3973
import {Component, ViewChild} from '@angular/core'; import {Platform, ToastController, Nav, IonicApp} from 'ionic-angular'; import {StatusBar, Splashscreen} from 'ionic-native'; import {TabsPage} f
ionic4监听返回事件 AppMinimize navController
z15802933724的博客
09-21 6733
1：引入Platform、Nav、App、NavController import { Platform, ToastController, Nav, App, NavController, Tabs} from '@ionic/angular'; 2：安装AppMinimize $ ionic cordova plugin add cordova-plugin-appminimize $ np...
精通Ionic：Hybrid App实时开发指南
"Learning Ionic是关于使用Ionic框架构建实时和混合移动应用的一本书，作者Arvind Ravulavaru。本书适合初学者入门，基于Angular，涵盖了 Ionic 开发的关键概念和技术。" 在移动应用开发领域，Ionic是一个非常受...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值