使用 phonegap 插件需要什么？

Question

我正在做一个项目，我需要使用 navigator.notification.alert ... 来替代 alert()（因为 alert() 在顶部有一个标签，上面写着 index.html） .

我正在使用 iOS 的 PhoneGap View 应用程序来测试此应用程序，但它不允许我在任何地方调用该方法 (navigator.notification.alert())。

这是我所做的：

使用 phonegap plugin add ...
调用了方法... .alert(...)

由于我对 Phonegap 和 Cordova 还很陌生，所以我想要一份实际使用此插件所需的所有内容的列表。

有没有我需要导入的 JavaScript 文件？有没有办法将插件导入我的 HTML？我可以列出使用 any PhoneGap 插件需要做的所有事情吗？

更新 1

即使在创建了一个新的 phonegap 应用程序之后，我也没有得到任何 cordova.js 个文件：

Answer 1

任何 phonegap 插件都将在 deviceready 事件触发后工作。因此，请确保在调用 navigator.notification.alert() 方法之前触发 deviceready。

由于您是通过 cli 添加插件，因此无需导入任何 javascript 文件。如果 html 页面中没有，您只需添加对 cordova.js 文件的引用。

希望对你有帮助。

检查结构下的项目

Answer 2

尝试添加平台（它将添加插件所需的 cordova.js 文件）

cordova platform add android/ios

然后构建

cordova build

可能报告了 Phonegap 问题 here and here。（由于它没有添加 cordova.js 文件）

Do call any plugins after device ready because that makes plugins available. If you will call plugins directly then you may get plugins undefined.

对于示例

<!DOCTYPE html>
<html>
  <head>
    <title>Notification Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for PhoneGap to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // PhoneGap is ready
    //
    function onDeviceReady() {
        // Empty
    }

    // alert dialog dismissed
    function alertDismissed() {
        // do something
    }

    // Show a custom alert
    //
    function showAlert() {
        navigator.notification.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
    }

    </script>
  </head>
  <body>
    <p><a href="#" onclick="showAlert(); return false;">Show Alert</a></p>
  </body>
</html>

Reference

此致。

使用 phonegap 插件需要什么？

What is necessary to use a phonegap plugin?

javascript

ios

phonegap-plugins

cordova

hybrid-mobile-app

更新 1