-1
私はapache cordovaでモバイルアプリを開発しています。これは、応答性の高いWebサイトを読み込む非常にシンプルなアプリケーションです。今のところ、HTMLタグを使用してページを読み込んでいますが、この目的のためにCordovaのIn Appbrowerを使用したいと考えています。助けてくださいcordova inappbrowserプラグインの使い方
var app = {
initialize: function() {
document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
},
onDeviceReady: function() {
var networkState = navigator.network.connection.type;
var states = {};
states[Connection.UNKNOWN] = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI] = 'WiFi connection';
states[Connection.CELL_2G] = 'Cell 2G connection';
states[Connection.CELL_3G] = 'Cell 3G connection';
states[Connection.CELL_4G] = 'Cell 4G connection';
states[Connection.NONE] = 'No network connection';
if ((states[networkState]) == states[Connection.NONE])
{
window.location.href="noconnection.html";
} else {
this.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;');
console.log('Received Event: ' + id);
}
};
app.initialize();
：これは私のWWW/JS/index.jsファイルです
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body style="width: 100%;height: 100%;overflow: hidden;">
<iframe style="width: 100%;height: 100%; border: none;" height="100%" src="http://www.mywebsite.com/"></iframe>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
：
これは私のWWW/index.htmlのファイルです。私はinappbrowserをインストールしましたが、私はどのように使用するのか分かりません。このリンク