javascript - 如何在 ionic/cordova/phonegap 中检查在前台或后台运行的应用程序

标签 javascript cordova ionic-framework ionic3 ionic4

在ionic/cordova/phonegap中有什么方法可以检查应用程序是在前台还是后台运行,我需要在android和ios上使用它,非常感谢

最佳答案

使用“Pause”和“Resume”这两个事件。您将在 Apache Cordova Events Documentation 中找到所有事件.

事件 - 暂停:

  • 当 native 平台将应用程序置于后台时,通常会在用户切换到其他应用程序时触发暂停事件。

事件 - 恢复

  • resume 事件在原生平台拉取应用程序时触发 从后台出来。

您可以在您的代码中为此添加一个事件监听器。对于这两个事件:

暂停 - 快速示例

document.addEventListener("pause", onPause, false);

function onPause() {
    // Handle the pause event
}

或者像这样的完整示例:

<!DOCTYPE html>
<html>
  <head>
    <title>Pause Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // device APIs are available
    //
    function onDeviceReady() {
        document.addEventListener("pause", onPause, false);
    }

    // Handle the pause event
    //
    function onPause() {
    }

    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>

简历 - 快速示例

document.addEventListener("resume", onResume, false);

function onResume() {
    // Handle the resume event
}

或者像这样的完整示例

<!DOCTYPE html>
<html>
  <head>
    <title>Resume Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    function onLoad() {
        document.addEventListener("deviceready", onDeviceReady, false);
    }

    // device APIs are available
    //
    function onDeviceReady() {
        document.addEventListener("resume", onResume, false);
    }

    // Handle the resume event
    //
    function onResume() {
    }

    </script>
  </head>
  <body onload="onLoad()">
  </body>
</html>

尝试一下,如果您需要进一步的帮助,请告诉我!

关于javascript - 如何在 ionic/cordova/phonegap 中检查在前台或后台运行的应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29606012/

相关文章:

javascript - HTML 列表添加文本框

angular - 错误 : Can't resolve all parameters for setupPlatform: (?,[对象对象],[对象对象])

angularjs - Cordova/Ionic Firebase Auth 持久登录

javascript - 如何使用Javascript基于动态数据合并多个对象

android - 使用 Phonegap 存储行驶距离

javascript - 鼠标悬停 mp3、Wordpress 时声音会延迟播放

javascript - 不支持渐变时自动回退为纯色

ios - CFNetwork SSLHandshake 失败 (-9806) - xcode

javascript - 将日期名称添加到 getDate() 函数

javascript - fetch() 完成后如何调用函数