gpt4 book ai didi

javascript - 如何在混合应用程序中调试 onDeviceReady -- cordova

转载 作者:行者123 更新时间:2023-11-28 21:26:18 24 4
gpt4 key购买 nike

请给我我的 React 应用程序混合应用程序,我正在向其中添加 cordova 框架。我成功地添加了 cordova 项目、构建、发布、在模拟器上模拟我的应用程序。 cordova 项目在我的应用程序中添加了一个 index.js,我在下面的 index.html 中引用了它。

</head>

<body>

<div id="root" class="root app">
<div class="mobile-page">
<img class="spinner" src="img/symbol-logo.svg" />
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="index.js"></script>
<script src="boot.js"></script>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=fetch,Promise,Array.from,Array.prototype.find,Array.prototype.includes,String.prototype.startsWith,String.prototype.includes,Math.sign,Intl.~locale.en,Intl.~locale.id,Intl.~locale.ru,Intl.~locale.fr&unknown=polyfill"></script>
<script async src="app.js"></script>

上面的 app.js 是使用 webpack 构建的,我的应用程序是使用 react js 开发的。我上面的index.js

var app = {
initialize: function() {
this.bindEvents();
},
bindEvents: function() {
document.addEventListener('deviceready', this.onDeviceReady, false);
document.addEventListener('resume', this.onDeviceResume, false);
},

'receivedEvent'
onDeviceReady: function() {
app.receivedEvent('deviceready');
codePush.sync();
},

onDeviceResume: function () {
app.receivedEvent('resume');
codePush.sync();
},

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);
},
};

app.initialize();

我的问题是,我不确定我的 index.js 事件是否被调用了。我想测试/调试上面的 onDeviceReady 事件是否被调用。我希望能够打印一条简单的控制台消息并进行调试。请问我该怎么做?

最佳答案

我平时用的是cordova浏览器平台。

cordova platform add browser

然后在浏览器中构建您的应用

cordova platform build browser

cordova emulate browser

您的 cordova 将在本地主机上午餐,您可以在那里看到您的控制台消息。如果您也按照上面用户的说明放置断点。我就是这样做的。希望对您有所帮助。

关于javascript - 如何在混合应用程序中调试 onDeviceReady -- cordova,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37984339/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com