フラッシュを表示し、サイトのモバイル バージョンを起動するドロイド用の PHonegap ビルド サービスを使用して単純なラッパーを作成しています。
さまざまな組み合わせを試しましたが、これまでのところ、次の組み合わせが最適です。
<!doctype html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />
<title>My App</title>
<link rel="stylesheet" href="assets/css/master.css" type="text/css" media="screen" />
<script src="phonegap.js" type="text/javascript" charset="utf-8"></script>
<script src="cordova-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8" src="json2.js"></script>
<script src="childbrowser.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/dsl.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/xui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
function init(){
document.addEventListener("deviceready", onDeviceReady, false);
}
function externalLoad()
{
window.location.href = "http://myapp.com"; //works
}
function locationChanged(newurl) {
console.log("The JS got this url = " + newurl);
}
function closed() {
console.log("The JS got a close event");
}
function showPage(locbar) {
window.plugins.childBrowser.onLocationChange = locationChanged;
window.plugins.childBrowser.onClose = closed;
window.plugins.childBrowser.showWebPage("http://myapp.com", {
showLocationBar: locbar
});
}
function openExternal() {
window.plugins.childBrowser.openExternal("http://myapp.com");
}
</script>
</head>
<body onLoad="externalLoad();">
<button onClick="externalLoad() ;">Load Deals</button> <br>
</body>
</html>
上記は、アプリの Web ビューでアプリを開き、必要なデバイス ブラウザーの Cookie にアクセスできないことを除いて、うまく機能します。
childbrowser プラグインを使用してみましたが、うまく機能しましたが、ページが読み込まれたときに起動できませんでした。リンクをクリックすると、完全に機能します。
これはかなり簡単にできるはずなので、何かが足りないに違いありません。
正しい方向へのアドバイスや助けをいただければ幸いです。