如何查看移動網頁瀏覽器在移動設備上運行的前臺或後臺

我正在創建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

如何查看移動網頁瀏覽器在移動設備上運行的前臺或後臺

回答

相關問題