はじめまして、お世話になります。どうしても解決できない不具合が出来てしまったので知恵をお借りしたく投稿しました。
情報の不足点などあればご遠慮なくお願いします。
■問題
画像がモバイル版で表示されない。
■詳細
カスタマイズビューを用いて、一覧画面に画像が表示されるようなものを作成したい。
レコードにはインターネット上の画像のURLが保存してあり、それをJS側でHTMLを書き換えて出力している。
書き込みたい所.innerHTML = ‘<img src="’ + record[‘サムネイル’][‘value’] + ‘"/>’；
■状態
・PC版、及びPCからChromeの開発ツールでアプリ画面をシミュレートした場合は正しく画像が表示される。アプリで閲覧した場合のみ表示されない。
・モバイル版も画像以外でレコードから持ってきたテキストは表示されている。つまりJS自体は動作している。
・具体的に画像はリンク切れみたいなアイコンの形で表示されている。つまり画像である事自体は認識されている。
・<img>タグを<p>タグに変えると目的の画像のURLが表示される。つまりvalue自体は正しく取得できている。
・カスタマイズビューはモバイル版にも反映されるようにチェックされている。
■疑問
・モバイル版で画像を出すには特別に記述が必要？
・そもそもモバイル版では画像が出てこない？
単純にPCとモバイル間のレンダリングの差ではないですかね？
モバイル版でも添付ファイルのサムネイルは表示できるので行けそうな気がします。
例えばheightやwidthなどを指定して表示するとどうなりますか？
コメントありがとうございます。
欄自体が多少膨らんだ気はするのですが、まだ画像自体は表示されていないです。
なるほど、実際は画像が表示されないというよりはリンク的な問題がありそうですね。
たとえばリンク先がhttpsではなくてhttpでエラーが起きてしまってる、とか…？認証の問題があるなど…ちょっと細かくはみないとわかりませんが、
モバイル版というのはモバイルアプリを指してます？ブラウザーからみたものなのかアプリなのかでも若干違う可能性ありますね。
なるほど、リンク的な問題ですか……
画像のURLはhttpsみたいです。
モバイル版というのはアプリの事です。
実際パソコンからChromeのF12で見れる開発ツールでのスマホシミュレートで(モバイル版のレイアウトには変わっている)あれば画像は表示されているのですが、スマホから見ると上記のようになるという感じです。
古いだとおもいますがバージョンですがここでは表示されてますね。
http://logicalerror.seesaa.net/article/438009480.html
モバイル版だとデバッグもできないので難しいですね、、上記を真似てみたりしてはいかがでしょうか。
それでも動かなく、スマホシミュレートでも動いていてコードも特段問題なさそうなら、ユーザーサポートに問い合わせてみてもいいかもしれません。
紹介ありがとうございます。
詳細画面にも後々画像を表示させたかったので真似してみたのですが、やっぱり同じようにリンク切れ感のあるアイコンが表示されるだけになってしまいますね……そしてPCでシミュレートする分にはやはり動作するという感じです。
問い合わせも検討しようと思います。ありがとうございます。