2015-09-28 3 views
0

У меня есть сценарий, который, кажется, не выполняется, но я не знаю, почему, я пытаюсь отладить это с помощью симулятора IOS и сафари, чтобы увидеть журнал.Кордонский скрипт не выполнен

Вот содержание index.html

<html> 
<head> 
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"> 
    <meta name="format-detection" content="telephone=no"> 
    <meta name="msapplication-tap-highlight" content="no"> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 
    <link rel="stylesheet" type="text/css" href="css/index.css"> 
    <title>Test</title> 
</head> 
<body> 

    <div id="appContainer" class="app"> 
     <h1>Apache Cordova</h1> 
     <div id="deviceready" class="blink"> 
      <p class="event listening">Connecting to Device</p> 
      <p class="event received">Device is Ready</p> 
     </div> 
    </div> 
    <script> 
     alert('Wait!'); // is not working 
    </script> 
    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="js/index.js"></script> 
</body> 

и здесь содержание index.js

alert("wait"); // That one is working, why ? 

var app = { 
// Application Constructor 
initialize: function() { 
    console.log("app init"); // not working 
    this.bindEvents(); 
    console.log("app init end"); // not working 
}, 
// Bind Event Listeners 
// 
// Bind any events that are required on startup. Common events are: 
// "load", "deviceready", "offline", and "online". 
bindEvents: function() { 
    console.log("bind start"); // not working 
    document.addEventListener("deviceready", this.onDeviceReady, false); 
    document.addEventListener("click", this.onClick, false); 
    console.log("bind end"); // not working 
}, 
// 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() { 
    console.log("device start"); 
    app.receivedEvent("deviceready"); 
    document.getElementById("appContainer").addEventListener("click", this.onClick, false); 
    document.getElementById("appContainer").addEventListener("touchstart", this.onClick, false); 
    document.getElementById("appContainer").addEventListener("touchend", this.onClick, false); 
    console.log("device end"); 
}, 
// 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;"); 

    console.log("Received Event: " + id); 
}, 
onClick: function(e) { 
    console.log("click"); // not working or it may be the eventlistener 
}, 

}; 

console.log("init s"); // not working 
app.initialize(); 
console.log("init e"); // not working 

То, что я не понимаю, это 1 - Почему предупреждение («Подождите») в index.html не работает. 2 - Почему console.log не работает, запускается запуск устройства, конец устройства и принятое событие: deviceready 3 - Почему app.initialize не работает (поскольку нет журнала), но фактически выполняется потому что событие готовности устройства запущено 4 - Почему я не могу увидеть журнал в функции onClick, когда я запускаю щелчок в симуляторе (если работа устройства готова, нажмите, коснитесь и коснитесь, не должно работать?)

Может кто-нибудь объяснить мне, почему ничего не работает нормально?

Я использую cordova 5.3.1 практически без изменений из пакета init. Я попытался удалить ios и добавить его снова, но это ничего не меняет.

Спасибо за помощь

ответ

0

«Консоль» глобальный является плагин Apache Кордова. Он будет доступен только ondeviceready. Посмотрите здесь http://plugins.cordova.io/#/package/org.apache.cordova.console

Попробуйте

var app = { 
    initialize: function() { 
     console.log("app init"); 
     this.bindEvents(); 
     console.log("app init end"); 
    }, 
    // Bind Event Listeners 
    bindEvents: function() { 
     console.log("bind start"); 
     document.addEventListener("click", this.onClick, false); 
     console.log("bind end"); 
    }, 
    onDeviceReady: function() { 
     console.log("device start"); 
     app.initialize(); 
     app.receivedEvent("deviceready"); 
     document.getElementById("appContainer").addEventListener("click", this.onClick, false); 
     document.getElementById("appContainer").addEventListener("touchstart", this.onClick, false); 
     document.getElementById("appContainer").addEventListener("touchend", this.onClick, false); 
     console.log("device end"); 
    }, 
    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;"); 

     console.log("Received Event: " + id); 
    }, 
    onClick: function(e) { 
     console.log("click"); // not working or it may be the eventlistener 
    }, 

}; 

//initialize app on device ready 
document.addEventListener("deviceready", app.onDeviceReady, false); 

Как для «боевой готовности» тайны, совместимость window.alert была доказана ненадежными в контексте Кордова. Я советую вам использовать

navigator.notification.alert

который является частью плагина-диалоги https://www.npmjs.com/package/cordova-plugin-dialogs

На стороне записки, есть более эффективные способы манипулирования DOM и CSS, если это ваша цель.

+0

предупреждение, которое я размещаю в html, в основном имеет время, чтобы открыть консоль в сафари, поэтому мне это было нужно (только для цели отладки). Но событие deviceready по-прежнему остается в bindEvent кордорой, мне интересно, неправильно ли они устанавливают базовый шаблон ... – Incognito

+0

Вы понимаете, что «консоль» - это плагин cordova? – MegaAppBear

+0

Ваше право об этом, я не читал это правильно в первый раз. Спасибо :) (но ваш код дает мне undefined не функция, оценивающая this.initialize) – Incognito