Apache Cordova 使用本地通知

使用本地通知

一个默认的JavaScript警告显示出你的应用程序不是本地化的事实。在本章节中，我们建立基本的下部结构以实现，当应用程序在设备上运行时显示本地化的警告，并且当应用程序在浏览器中运行时，又回到默认的JavaScript警告。

步骤

1、确保你处在workshop 目录，添加本地对话框插件到你的项目中：

cordova plugin add org.apache.cordova.dialogs

2、在index.html中，添加下面的脚本标记（作为主体底部的第一个脚本标签）：

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

本Cordova CLI命令用以在建立项目时向平台内注入特定的cordova.js版本。换句话说，cordova.js不需要（也不应该）显示在你的project/www文件夹内。

3、当与可用的navigator.notification对象一同在一台设备上运行时（对话框插件已安装），重写window.alert()函数，并用一个对navigator.notification.alert()的调用替换它的默认实现。

打开 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按钮。

• 当你在浏览器中运行应用程序时，你应该看到一个标准的浏览器警告。

• 当你在你的设备上运行应用程序时，你应该看到一个本地警告。