質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

0回答

775閲覧

Monacaアプリ iosでデバックビルドしたが画面が出ない

noguatu

総合スコア0

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2021/07/09 02:55

前提・実現したいこと

現在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;
}

となっております。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問