使用phonegap插件需要什么?

时间:2016-07-26 04:39:23

标签: javascript ios cordova phonegap-plugins hybrid-mobile-app

我正在开展一个项目,我需要使用navigator.notification.alert ...替代alert()(因为alert()在顶部有一个标签index.html)。< / p>

我正在使用适用于iOS的PhoneGap View应用程序来测试此应用程序,并且它无法允许我调用该方法(navigator.notification.alert())。

这是我做的:

  • 使用phonegap plugin add ...
  • 安装了该插件
  • 调用方法... .alert(...)

由于我是Phonegap和Cordova的新手,我想要一个实际使用这个插件所需的一切清单。

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

更新1

即使在创建新的phonegap应用程序后,我也没有获得任何cordova.js文件:

enter image description here

2 个答案:

答案 0 :(得分:1)

deviceready事件被触发后,任何phonegap插件都可以使用。因此,在调用deviceready方法之前,请确保已触发navigator.notification.alert()

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

希望它对你有所帮助。

检查下面的项目结构 enter image description here

答案 1 :(得分:1)

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

  

cordova platform add android/ios

然后构建

  

cordova build

可能会发布Phonegap报告herehere。(因为它没有添加cordova.js文件)

  

在设备准备好之后调用任何插件,因为这样可以使插件可用。如果您直接调用插件,则可能会获得插件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

问候。