Chrome manifest.json app

Chrome ile mobil uygulama oluşturma

  • 3 Haziran 2017
  • 34 Okunma
  • 1 Yorum
  • 3 DK

Merhabalar mobil uygulama severler,

Chrome 58 ile gelen yeni bir özellikten bahsedip nasıl kullanacağınızı anlatacağım. Chrome 58’in getirdiği özellikleri buradaki linkten bulabilirsiniz.

Chrome’un 58. versiyonunda sitenize özel manifest.json dosyası oluşturup chromenin kullanıldığı tüm platformlara kendi uygulamanızı oluşturabiliyorsunuz.  Her kütüphanede ana dizinde bulunan manifest.json dosyası o kütüphane veya uygulamanın özelliklerini belirten bir dosyadır. Bunu web siteniz içinde kullanabiliyorsunuz. Yapısı json formatında olan bu dosyanın örneği aşağıdaki şekildedir. Aşağıdaki json formanını kopyalayıp web sitenizin ana dizinine manifest.json dosyası oluşturup içine kopyalayın.

{
“short_name”: “Hayatı Kodla”,
“name”: “Hayatı Kodla”,
“background_color”: “#ffffff”,
“display”: “fullscreen”,
“start_url”: “/?manifest=true”,
“icons”: [
{
“src”: “https://www.hayatikodla.net/wp-content/uploads/2016/02/cropped-logo1-1-1.png?fit=48%2C48&ssl=1”,
“type”: “image/png”,
“sizes”: “48×48”
},
{
“src”: “https://www.hayatikodla.net/wp-content/uploads/2016/02/cropped-logo1-1-1.png?fit=96%2C96&ssl=1”,
“type”: “image/png”,
“sizes”: “96×96”
},
{
“src”: “https://www.hayatikodla.net/wp-content/uploads/2016/02/cropped-logo1-1-1.png?fit=192%2C192&ssl=1”,
“type”: “image/png”,
“sizes”: “192×192”
}
],
“gcm_sender_id”: “909074383218”,
“gcm_user_visible_only”: true
}

Yukarıdaki json formanının parametrelerini aşağıda başlıklar altında sizelere açıklamak istiyorum.

short_name : Uygulamanın kısaltılmış adı
name : Uygulamanın tam adı
background_color : Uygulama açılırken slash ekranın arkaplan rengi
display : uygulamanın ekranının boyutu parametre türleri (standalone | fullscreen | browser)
start_url : Uygulama aktif olunca açılacak sayfa ben takip etmek için özel parametre kullandım.
icons : Uygulamanın farklı çözünürlüklerde ki simgeleri

Yukarıdaki json parametrelerini düzgünce doldurursanız uygulama oluşturmak için her şeyi yapmış olursunuz fakat eğer web sitenizde one signal gibi bir eklenti kullanıyorsanız. en sondaki

"gcm_sender_id": "909074383218",
"gcm_user_visible_only": true

parametreleri düzgünce yerleştirmeniz gerekmektedir.

Daha detaylı bilgi için tıklayın

Masaüstü için kullanımı

 

Android kullanıcıları için kullanımı

Chrome ile mobil uygulama oluşturma Etiketleri:

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

Chrome ile mobil uygulama oluşturma İle Benzer Yazılar

"Chrome ile mobil uygulama oluşturma" Yazısına uygun diğer makalerler

Chrome ile mobil uygulama oluşturma
Youtube, İnternetsiz video izlettirecek
Youtube, İnternetsiz video izlettirecek
Chrome ile mobil uygulama oluşturma
Youtube videolarınızı gife çevirin
Youtube videolarınızı gife çevirin
Chrome ile mobil uygulama oluşturma
Youtube de html5 e geçin.
Youtube de html5 e geçin.