Phonegap ビルドで作成したアプリがありますが、アプリのアイコンなどに画像が表示されなくなりました。たとえば、戻るボタンは表示されますが、戻るボタン内の小さな矢印は表示されません。アプリに加えた唯一の変更は、アプリに必要なすべての JS ファイルをローカルに保存して参照できるようにしたことです。
とにかく、私はこの問題を解決できますか?
Phonegap ビルドで作成したアプリがありますが、アプリのアイコンなどに画像が表示されなくなりました。たとえば、戻るボタンは表示されますが、戻るボタン内の小さな矢印は表示されません。アプリに加えた唯一の変更は、アプリに必要なすべての JS ファイルをローカルに保存して参照できるようにしたことです。
とにかく、私はこの問題を解決できますか?
画像ファイルへの参照がありません。
それらは css/images dyrectory にあります。または、ライブラリを ZIP ファイルとしてダウンロードすると、images というフォルダーが見つかります。
もう少し詳しく言うと:
HTML ファイル、ルート フォルダに直接
webapp/Index.html
root/JS フォルダー配下のスクリプト
webapp/js/jquery.mobile-1.3.0.min.css
webapp/js/jquery-1.8.2.min.js
webapp/js/jquery.mobile-1.3.0.min.js
root/JS/images/ フォルダ配下の画像
webapp/js/images/ajax-loader.gif
webapp/js/images/icons-18-black.png
webapp/js/images/icons-36-black.png
webapp/js/images/icons-18-white.png
webapp/js/images/icons-36-white.png
この場所は、Omar の回答から取得したものです: https://stackoverflow.com/a/15762397/1848600
簡単な解決策は、すべてをオンライン リソースにリンクすることです。
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
それらで動作する場合、問題はこのディレクトリにあります。
私は、ネイティブデバイスでアイコンが欠落しているというこの問題と戦ったところです。上記の外部リンクを使用すると、アイコンが正常に表示されます。Apple が私のアプリで外部からダウンロードしたコードを承認しないのではないかと心配しているので、ローカル プロジェクト ファイルでオプションを試し続けました。
動作するローカル セットアップを偶然見つけましたが、推奨されない場合があります。1.3.0 の代わりに jquery.mobile-1.2.1.min.css に切り替えてみると、アイコンが突然表示されました。だから私の構成は次のとおりです。
<link href="jquery-mobile/jquery.mobile-1.2.1.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-mobile/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery-mobile/jquery.mobile-1.3.0.min.js"></script>