前提・実現したいこと
現在monacaを使って既存のECサイトの画面をそのままアプリにしようと思っております。
Androidでは動作したのですが、iosになるとデバックビルドして実機にて確認をするとサイトの画面は表示されず
真っ白な画面が表示されるだけになってしまいます。
こちらで似たような質問がないか探したのですが見つからず困ってしまったので質問させていただきました。
お手数ですがよろしくお願いいたします。
発生している問題・エラーメッセージ
ビルドして実機確認をしたら画面が真っ白で表示されない(Androidでは動作確認済)
該当のソースコード
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> <script src="components/loader.js"></script> <link rel="stylesheet" href="components/loader.css"> <link rel="stylesheet" href="css/style.css"> <script> document.addEventListener("deviceready", function(){ var successCallback = function () { //端末登録後の処理 }; var errorCallback = function (err) { //端末登録でエラーが発生した場合の処理 }; // デバイストークンを取得してinstallation登録を行う window.NCMB.monaca.setDeviceToken( "9f749aeb080ad2cc4cb094b212a3f487502fe39a032311c70093bd5c8404a79d", "33be1e6868dd0cfaea10fef9b8a1c258d3517a46585cdcfb9a24a67884c173ba", successCallback, errorCallback ); },false); function onDeviceReady() { var ref = window.open('https:/.jp/', '_blank', 'location=no,presentationstyle=fullscreen,toolbar=no'); } var event = typeof cordova === 'undefined' ? 'DOMContentLoaded' : 'deviceready'; document.addEventListener(event, onDeviceReady(), false); </script> </head> <body> </body> </html>
試したこと
iframeを使って表示できないか試してみたのですがダメでした。
画面は出ませんが、プッシュ通知はしっかりと動作しておりました。
補足情報(FW/ツールのバージョンなど)
cssは
html{
width:100%;
height:100%;
padding:0;
margin:0;
}
container {
height: 100%;
}
iframe{
width:100%;
height:100%;
padding:0;
margin:0;
border:0;
}
となっております。
あなたの回答
tips
プレビュー