如何检查移动设备上的前台或后台运行的移动Web浏览器

时间:2017-02-28 20:19:09

标签: javascript angularjs cordova

我正在创建angularjs html5应用程序。

一个小问题,我们可以在移动Web应用程序中使用pause \ resume事件吗?或回答我的问题how to check if browser window has focus in "mobile web browser"

我得到了参考 how to check app running in foreground or background in ionic/cordova/phonegap

我完全不知道如果cordova \ ng-cordova可以在移动网络浏览器中使用,如果有人可以指导我,这将是很大的帮助。我想在应用程序处于活动状态时基本跟踪任何事件,例如 - 收到电话 - 主页按下按钮。

我想在移动网络浏览器中跟踪所有这些活动。

1 个答案:

答案 0 :(得分:0)

添加cordova后台模式插件

cordova plugin add cordova-plugin-background-mode 

启用插件并且应用已进入后台后,后台模式将变为活动状态。

cordova.plugins.backgroundMode.isActive(); // => boolean

有关详细信息,请访问以下链接:https://github.com/katzer/cordova-plugin-background-mode

步骤如下:

  1. 首先安装cordova-plugin-device,因为cordova-plugin-background-mode依赖于它。安装完cordoba-plugin-background模式之后

    cordova插件添加https://github.com/katzer/cordova-plugin-background-mode.git

  2. 现在您已经安装了它们,在控制器内添加此代码

     .controller('HomeCtrl', function($scope){
    
            if(cordova.plugins.backgroundMode.isActive()){
               console.log("Background state");
            }else{
               alert('HELLO');
            }
     });
    
  3. 如果你的插件工作正常,你可以调试第2步。在“if”块中,执行您在后台模式中要执行的操作。

  4. 将此控制器添加到每次调用的HTML页面。就像我在Home.html上添加了这个控制器一样。

  5. 告诉我你是否有任何问题。