如何查看移动网页浏览器在移动设备上运行的前台或后台

我正在创建angularjs html5应用程序。如何查看移动网页浏览器在移动设备上运行的前台或后台

一个小的查询，我们可以使用移动web应用程序中的暂停\恢复事件吗？或回答我的查询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

我完全不知道，如果科尔多瓦\ NG-科尔多瓦在移动网络浏览器中使用，如果有人能指导我，这将是很大的帮助。我希望基本上跟踪应用程序处于活动状态时的任何事件，例如 - 收到电话
- 主页按钮。

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

2017-02-28 PavanT

我知道jQuery有页面隐藏和页面显示事件，当你离开页面并从页面输入时触发。我从来没有使用过它们，但你可以试试:) – NechiK

我曾尝试诸如pagehide，onblur，visibilitychange等事件，但没有一个帮助过。我想知道cordova是否可以用于移动网络浏览器版本。由于我了解科尔多瓦有onPause事件，但这个事件是在移动网络浏览器initalized。 – PavanT

添加科尔多瓦背景模式插件

cordova plugin add cordova-plugin-background-mode

一旦插件已被启用和应用已经进入后台，后台模式被激活。

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

欲了解更多信息，请查看此链接：https://github.com/katzer/cordova-plugin-background-mode

步骤如下：

首先您要安装科尔多瓦 - 插件设备，如科尔多瓦 - 插件，后台模式依赖在上面。在此之后安装的科尔多瓦插件，后台模式

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

现在，你已经安装了它们，你的控制器中添加以下代码

.controller('HomeCtrl', function($scope){ 

     if(cordova.plugins.backgroundMode.isActive()){ 
      console.log("Background state"); 
     }else{ 
      alert('HELLO'); 
     } 
});

第二步是你可以调试你的插件是否工作。在'if'块中做你想在后台模式下做的事情。
将此控制器添加到每次调用的HTML页面。就像我在Home.html中添加了这个控制器一样。

如果您有任何问题，请告诉我。

来源

2017-03-01 07:18:15

你好阿卡什，谢谢你的提升。我在mvc中使用visualstudio和web开发。我已经包含了cordova.js和background-mode.js。 Inlayout我已经使用cordova.plugins.backgroundMode.isActive（），但它不工作。我需要遵循哪些步骤， - 如何设置与上述库相关的cordova？ - 什么是步骤 – PavanT

检查更新的答案 –

我想知道如果cordova webview，需要为每个平台如IOS和android分别编程？我无法在我的视觉工作室项目中设置科尔多瓦。我在下面提到的链接， https://cordova.apache.org/docs/en/latest/guide/hybrid/webviews/ 我想知道设立科尔多瓦，有几个步骤，如包括cordova.js ，包括config.xml（如果是的话，我应该如何配置这个XML？） – PavanT

如何查看移动网页浏览器在移动设备上运行的前台或后台

回答

相关问题