8

私は最近、PhoneGap Build を使用して Web テクノロジを使用したアプリを作成することにしました。私は PhoneGap ではなく PhoneGap Build を使用しているため、ネイティブ API を維持していないことに注意してください。

もちろん、画像を表示するためにHTML imgタグを使用していますが、問題があります。画像はブラウザではきれいに表示されますが、携帯電話に持っていくと消えてしまいます。私はすべてを試しました:大文字と小文字のチェックとスペル。私は自分のウェブサイトサーバーに画像をアップロードしようとしましたが、何もしませんでした.

これに関するヘルプは大歓迎です。

アップデート

私はこの HTML を使用します。これは JavaScript 文字列であり、実行時に入力する方法です。

"<p id=\"calculator\"><img id=\"images\" src=\"images/calculator@2x.png\"><span id=\"converterTitles\">Calculator</span></p><hr><p id=\"distance\"><img id=\"images\" src=\"images/Ruler@2x.png\"><span id=\"converterTitles\">Distance Converter</span></p><hr><p id=\"area\"><img id=\"images\" src=\"images/Line-Graph-1@2x.png\"><span id=\"converterTitles\">Area Converter</span></p><hr><p id=\"volume\"><img id=\"images\" src=\"images/box3@2x.png\"><span id=\"converterTitles\">Volume Converter</span></p><hr><p id=\"mass\"><img id=\"images\" src=\"images/dumbells@2x.png\"><span id=\"converterTitles\">Mass Converter</span></p><hr><p id=\"force\"><img id=\"images\" src=\"images/circle-east@2x.png\"><span id=\"converterTitles\">Force Converter</span></p><hr><p id=\"power\"><img id=\"images\" src=\"images/Lightbulb@2x.png\"><span id=\"converterTitles\">Power Converter</span></p><hr><p id=\"energy\"><img id=\"images\" src=\"images/Refresh@2x.png\"><span id=\"converterTitles\">Energy Converter</span></p><hr><p id=\"temperature\"><img id=\"images\" src=\"images/thermometer@2x.png\"><span id=\"converterTitles\">Temperature Converter</span></p><hr><p id=\"dataStorage\"><img id=\"images\" src=\"images/inbox@2x.png\"><span id=\"converterTitles\">Data Storage Converter</span></p><hr><p id=\"time\"><img id=\"images\" src=\"images/Clock@2x.png\"><span id=\"converterTitles\">Time Converter</span></p><hr><p id=\"speed\"><img id=\"images\" src=\"images/jeep@2x.png\"><span id=\"converterTitles\">Speed Converter</span></p><hr><p id=\"acceleration\"><img id=\"images\" src=\"images/Cue-Forward@2x.png\"><span id=\"converterTitles\">Acceleration Converter</span></p><hr><p id=\"pressure\"><img id=\"images\" src=\"images/Parking@2x.png\"><span id=\"converterTitles\">Pressure Converter</span></p><hr><p id=\"density\"><img id=\"images\" src=\"images/beaker@2x.png\"><span id=\"converterTitles\">Density Converter</span></p><hr><p id=\"any\"><img id=\"images\" src=\"images/Hand-Open@2x.png\"><span id=\"converterTitles\">The \"Any\" Converter</span></p><hr><p id=\"angle\"><img id=\"images\" src=\"images/Angle.png\"><span id=\"converterTitles\">Angle Converter</span></p><hr>"

スキップ文字でファイルされているため、読みにくい場合があります。しかし、あなたは要点を理解します。最も単純なタグは機能しません。url() を使用していくつかの背景画像を表示する CSS もありますが、これも表示されません。

4

6 に答える 6

34

同様の問題がありました。私の解決策は、先頭の「/」を削除して画像パスを変更することでした: /img/my_icon.png -> img/my_icon.png すると、アプリ内アイコンが表示されました。ただし、パスは正しいようです。

于 2013-10-28T18:52:23.767 に答える
10

ルートフォルダーに画像を投げてそこにリンクするだけで修正できました。最善の解決策ではないかもしれませんが、うまくいきます! これが視聴者の役に立てば幸いです。PhoneGap Build アプリでは、イメージがルート フォルダーにある必要があります。

于 2013-10-26T23:59:43.067 に答える
0

他の両方の答えが正しいことがわかりました。少なくとも私にとっては、画像はルート フォルダーにある必要があり、HTML の大文字と小文字は実際の画像ファイル名の大文字と小文字が一致している必要があります。

私はNomadを使用しているので、これがアプリのパッケージ化における Nomad の問題なのか、PhoneGap の問題なのかわかりません。

于 2014-07-26T21:16:47.887 に答える
0

CSS でメディア クエリを使用していたときに、これに問題がありました。CSS 画像のパスは、ドキュメントではなく、スタイルシートに対して相対的であることを考慮するのを忘れていました。だから私の場合、私の道は../images/...

于 2015-09-21T14:24:02.110 に答える