离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2017-10-24 06:00:25

使用本地通知

一个默认的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按钮。

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

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