Apache Cordova 使用本地通知

使用本地通知

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

步驟

1、確保你處在workshop 目錄，添加本地對(duì)話(huà)框插件到你的項(xiàng)目中：

cordova plugin add org.apache.cordova.dialogs

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

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

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

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

打開(kāi) js/app.js，并添加這些代碼到“Event Registration”時(shí)鐘：

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、測(cè)試應(yīng)用：點(diǎn)擊Help按鈕。

• 當(dāng)你在瀏覽器中運(yùn)行應(yīng)用程序時(shí)，你應(yīng)該看到一個(gè)標(biāo)準(zhǔn)的瀏覽器警告。

• 當(dāng)你在你的設(shè)備上運(yùn)行應(yīng)用程序時(shí)，你應(yīng)該看到一個(gè)本地警告。