Apache Cordova 使用本地通知

使用本地通知

一個默認的JavaScript警告顯示出你的應用程序不是本地化的事實。在本章節(jié)中，我們建立基本的下部結(jié)構(gòu)以實現(xiàn)，當應用程序在設(shè)備上運行時顯示本地化的警告，并且當應用程序在瀏覽器中運行時，又回到默認的JavaScript警告。

步驟

1、確保你處在workshop 目錄，添加本地對話框插件到你的項目中：

cordova plugin add org.apache.cordova.dialogs

2、在index.html中，添加下面的腳本標記（作為主體底部的第一個腳本標簽）：

<script src="cordova.js"></script>

本Cordova CLI命令用以在建立項目時向平臺內(nèi)注入特定的cordova.js版本。換句話說，cordova.js不需要（也不應該）顯示在你的project/www文件夾內(nèi)。

3、當與可用的navigator.notification對象一同在一臺設(shè)備上運行時（對話框插件已安裝），重寫window.alert()函數(shù)，并用一個對navigator.notification.alert()的調(diào)用替換它的默認實現(xiàn)。

打開 js/app.js，并添加這些代碼到“Event Registration”時鐘：

document.addEventListener('deviceready', function () {
  if (navigator.notification) { // Override default HTML alert with native dialog
      window.alert = function (message) {
          navigator.notification.alert(
              message,    // message
              null,       // callback
              "Workshop", // title
              'OK'        // buttonName
          );
      };
  }
}, false);

4、測試應用：點擊Help按鈕。

• 當你在瀏覽器中運行應用程序時，你應該看到一個標準的瀏覽器警告。

• 當你在你的設(shè)備上運行應用程序時，你應該看到一個本地警告。