javascript - 需要有关 Cordova 'deviceready' 事件如何运作的解释

Question

我正在学习在 Cordova PhoneGap 中创建应用程序，但我对这个 'deviceready' 事件的使用感到困惑。它应该是特定于 Cordova API 的事件，但在 Hello World 示例中，与其相关的所有内容都在 index.js 文件中定义。

var app = {
    // Application Constructor
    initialize: function () {
        this.bindEvents();
    }, // Bind Event Listeners
    //
    // Bind any events that are required on startup. Common events are:
    // 'load', 'deviceready', 'offline', and 'online'.
    bindEvents: function () {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    }, // deviceready Event Handler
    //
    // The scope of 'this' is the event. In order to call the 'receivedEvent'
    // function, we must explicitly call 'app.receivedEvent(...);'
    onDeviceReady: function () {
        app.receivedEvent('deviceready');
    }, // Update DOM on a Received Event
    receivedEvent: function (id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');
        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');
    }
};

.html 文件中有这个脚本标签

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

所有这些 deviceready 代码对我来说看起来都是不必要的代码。请有人向我解释一下为什么需要这个“deviceready”事件，以及它与 Cordova API 的具体连接方式

Answer 1

deviceready事件很重要。当您运行应用程序时，应用程序首先加载 Cordova API's , cordova plugin等。当加载完成时，它将触发 deviceready事件。就像 onload HTML 文件的事件。所以，你应该在deviceready之后或之后进行你的工作。事件。和cordova.js使用 native 平台初始化 cordova API。 cordova.js将在您构建应用程序时自动生成。 <script src="cordova.js"></script>是对 cordova.js 的引用文件。您可以获取 deviceready 的详细信息事件在这里link .