web-gelistirme-sc.com

HTML5 tabanlı web uygulamamı tüm mobil cihazları hedefleyecek bir mobil uygulamaya dönüştürmem gerekiyor

Mevcut HTML/jquery.js web sitemi, tüm cihazları (iPhone, Android, Blackberry vb.) Hedefleyen bir mobil uygulamaya dönüştürmek mümkün mü. Aşağıda düşünebileceğim noktalar var. Lütfen hatalıysam beni düzeltin .. jquerymobile.js ekleyin ve css stilini değiştirin (sitenize erişen cihaza bağlı olarak).

Mevcut masaüstü tabanlı web sitemi mobil siteye dönüştürürken nelere dikkat etmeliyim? Yoksa sıfırdan bir mobil web sitesi (MVC4 mobil web sitesi) oluşturmaya mı başlamalıyım? Bu durumda, yapmak istemediğim 2 kod tabanını (masaüstü için 1 ve mobil için 1) tutmam gerekiyor.

Herhangi bir yardım veya referans çok takdir edilecektir.

Şerefe, Sajesh Nambiar 

15
sajesh Nambiar

Web uygulamanızı aygıtla uyumlu bir şekilde tasarlarsanız, iki kod tabanına ihtiyaç duymazsınız. Bu, birçok farklı ekran boyutunda (küçük cep telefonlarından plazma TV setlerine kadar herhangi bir şey) gösterilebileceği ve birçok farklı giriş yöntemi (fareler, klavyeler, dokunmatik ekranlar, oyun pedleri vb.) Kullanılarak gezinilebileceği anlamına gelir. Bunu yapmak için çeşitli teknikler günümüzde "mobil ilk" veya "duyarlı tasarım" olarak bilinir. İyi bir başlangıç ​​için bakınız:

Uygulamanızın çok karmaşık olması ve sonuçta bu durumda iki (veya daha fazla) kod tabanıyla sonuçlanabileceğinin her zaman mümkün veya uygun olmayabileceğini unutmayın, ancak web sitelerinin ve Web uygulamalarının çoğu kullanılarak oluşturulabilir. akılda bu ilkeler.

Ayrıca şunu unutmayın: Web İçeriği Erişilebilirlik Yönergeleri , birçok cihazda ve birçok giriş yöntemiyle çalışabilecek web siteleri tasarlamayı çok daha kolaylaştırabilir.

Bunu özellikle istemediniz ancak ek olarak mobil web sitelerini veya Web uygulamalarını iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada ve Symbian için gerçek mobil uygulamalara dönüştürmek için PhoneGap kullanabilirsiniz. Böylece, uygulamalarınızı bu platformlar için çeşitli uygulama mağazalarından yüklemek üzere hazırlayabilirsiniz.

2016 Güncellemesi

Bu cevabı 2012'de yazdım ve o zamandan beri bazı ilgili araçlar geliştirildi:

14
rsp

Bu soru 3 yıl önce soruldu ve iyi cevapları var, sadece tecrübelerime dayanarak biraz bilgi eklemek istiyorum:

Ayrı mobil tasarım oluşturmak değil, varolan web'i Bootstrap kullanarak yanıt veren web tasarımıyla değiştirmek daha iyidir.

O zaman iki seçeneğin var:

  1. Apache Cordova kullanarak Hibrit Web Uygulaması oluşturun, yukarıda belirtilen PhoneGap ile neredeyse aynıdır Visual Studio kullanıyorum, bu yüzden VS project template kullandım.
  2. Manifoldjs ..__ kullanarak Barındırılan Web Uygulaması Bu seçeneğin kolay olduğunu düşünüyorum, sadece mevcut web sitenizi alıp sarın, Web Uygulaması oluşturarak.

Visual Studio kullanıyorsanız, Manifilod'suz bile barındırılan Web Uygulaması oluşturabilirsiniz.

4
Alexan

Uygulamanızı çeşitli cihazlara dağıtmanın hızlı bir yolu olan PhoneGap uygulamasını deneyebilirsiniz.

3
Redwood

Ücretsiz telefon açığı oluşturma servisini deneyin. HTML sayfalarınızı yüklerseniz, otomatik olarak farklı cihazlar için uygulamalar oluşturur!

2
Jeroen

Ayrıca kolayca bir web uygulaması oluşturmak için Appery.io'yu deneyebilirsiniz. İşte size web sitenizden bir iOS uygulamasının nasıl yapıldığını gösteren bir makale. Web siteniz yanıt veriyorsa, tüm mobil ekran boyutlarını otomatik olarak hedefler. http://www.techlivewire.com/4844/generate-an-iphone-app-for-your-website.html

1
user3268442