2013-10-26 26 views
6

Son zamanlarda Web teknolojileri kullanarak uygulamalar oluşturmak için PhoneGap Build kullanmaya başlama kararı aldım. PhoneGap Build değil PhoneGap kullandığımı ve bu nedenle yerel API'ları korumadığımı lütfen unutmayın.PhoneGap uygulamasında görüntülenmeyen resimler Oluştur uygulama

Görüntüleri görüntülemek için HTML img etiketlerini kullanıyorum ve sorun yaşıyorum. Görüntüler bir tarayıcıda güzel bir şekilde görüntülenir, ancak telefonuma aldığımda kaybolur. Her şeyi denedim: vaka ve yazım denetimi. Görüntüleri web sitem sunucusuna yüklemeyi denedim ve hiçbir şey yapmadım.

Bu konuda herhangi bir yardım büyük takdir edilecektir. okumak zor olabilir bu yüzden

"<p id=\"calculator\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Calculator</span></p><hr><p id=\"distance\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Distance Converter</span></p><hr><p id=\"area\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Area Converter</span></p><hr><p id=\"volume\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Volume Converter</span></p><hr><p id=\"mass\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Mass Converter</span></p><hr><p id=\"force\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Force Converter</span></p><hr><p id=\"power\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Power Converter</span></p><hr><p id=\"energy\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Energy Converter</span></p><hr><p id=\"temperature\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Temperature Converter</span></p><hr><p id=\"dataStorage\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Data Storage Converter</span></p><hr><p id=\"time\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Time Converter</span></p><hr><p id=\"speed\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Speed Converter</span></p><hr><p id=\"acceleration\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Acceleration Converter</span></p><hr><p id=\"pressure\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Pressure Converter</span></p><hr><p id=\"density\"><img id=\"images\" src=\"images/[email protected]\"><span id=\"converterTitles\">Density Converter</span></p><hr><p id=\"any\"><img id=\"images\" src=\"images/[email protected]\"><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>"

O atlama karakterlerle dosyalanan oluyor: O çalışma zamanı sırasında ben girdi bunu nasıl olarak

GÜNCELLEME bu HTML kullanabilir

, bir JavaScript dize var . Ama sen özünü sen al. En basit etiketler çalışmıyor. Ben de göstermeyen url() kullanarak bazı arka plan görüntüleri yapan bazı CSS var.

cevap

9

Yalnızca görüntüleri kök klasörüne atarak ve buna bağlayarak düzeltmeyi başarabiliyordum. En iyi çözüm olmayabilir ama işe yarıyor! Umarım bu, görüntüleyenlere yardımcı olur. PhoneGap Build uygulamaları, resimlerin kök klasörde olmasını gerektirir.

+1

Geçtiğimiz hafta web uygulamasının resimleri görüntülemesi ve alt klasörlerdeydim. Bu hafta uygulamanızı yeni bir klasöre taşıdım ve tekrar oluşturdum ancak görüntüler görüntülenmeyecek.Kod değişiklikleri, tüm göreli bağlantılar yoktu. – Mal

+0

@Mal Bunları uygulamanızın kök klasörüne yerleştirmeyi deneyin. Çalışmalı. Bazı geliştiriciler için karışık olabilir ama PhoneGap Build bu konuda bir şey yapana kadar tek çözüm. –

+1

Öneriniz için teşekkürler. .ipa dosyasını indirdim ve açtım. Oluşturduğum alt klasörün yapı sırasında kaldırıldığını görüyor. Görüntüleri yalnızca varolan bir klasör hazırlığı veya önerdiğiniz şekilde kök yerleştirebilirsiniz. – Mal

28

Benzer bir sorunla karşılaştım. Benim çözümüm, "/": /img/my_icon.png -> img/my_icon.png öğesini kaldırarak görüntü yollarını değiştirmekti, ardından uygulama içi simgelerim ortaya çıktı. Yolların doğru olsa gibi görünüyor.

+4

Ben de sorun vardı ve bu çözüm benim için çalışıyor – avmauricio

+0

Bu da benim sorunumu çözdü. –

2

Dosya adı büyük/küçük harf duyarlılığıyla ilgili sorunlar yaşadım, tüm resim dosyası adlarını küçük harfe çevirdikten sonra ve aynı kasaya bakarak aynı şeyi yaptım.

+0

Davanın da problemleri vardı. "Image.jpg" yi görüntülemeye çalışıyordum ve dizüstü bilgisayar tarayıcım üzerinde çalışıyordu. Bir Android cihazına derlendiğinde, uygulama yerine "image.JPG" yi denedim (dosya adıyla tam olarak eşleşti). –

0

Diğer yanıtların her ikisinin de doğru olduğunu buldum. En azından benim için, görüntüler kök klasörde olmalı ve HTML'deki durum gerçek görüntü dosyası adıyla eşleşmelidir.

Nomad kullanıyorum, bu yüzden uygulamanın paketlemede veya PhoneGap sorununda bir Nomad sorunu olup olmadığını bilmiyorum.

0

CSS'de ortam sorguları kullanırken bu konuda bir sorun yaşadım. CSS görüntü yollarının belgeye değil, stil sayfasına göre olduğunu dikkate almayı unuttum. görüntüleri görünmüyor eğer, görüntüler bir gulp build sonra www içinde konuyor nereye check out: Yani benim durumumda, benim yolum

0

../images/... kendi uygulamaları oluşturmak için gulp kullanarak devs alakalı olabilir hale geldi.

Durumumda PhoneGap, /www/css klasöründeki resimleri arıyordu. Sorunumu çözdüğümü yansıtacak şekilde clean ve images görevlerini değiştirme.

CSS ile bir arka plan resmi oluşturmaya çalışıyordum; Şu anda şu anda çalışıyor:

İlgili konular