Web Sitesini Mobil Uygulama Yapmak

Home » Uygulamaya Giriş » Web Sitesini Mobil Uygulama Yapmak
Uygulamaya Giriş Yorum yapılmamış

Webview Kullanımı | Web Sitesini Uygulamaya Çevirmek

Webview nedir : Web sayfalarınızı veya html sayfalarını  uygulamanız içinde görüntüleyebileceğiniz bir bileşendir.
Webview genel olarak kodlar içinde kullanımı mevcuttur  ama biz sistemimizdeki kullanım şeklinden bahsedeceğiz.
Menülerde bu isimde özelliği aramaya gerek yok çünkü böyle bir isim yok Webview Genel adıdır.

Web Sitesini Mobil Uygulama Yapmak

Web Sitesini Mobil Uygulama Yapmak

Amaç: Web sitesini veya herhangi bir html kodunu mobil uygulama da  çalıştırmak.
ekran planı sekmesinden layout(düzen) 9 numaralı şablonu seçiyoruz

Özellikler Bölümünden:

web sitesi mobil uygulama

web sitesini mobil uygulama yapmak için

Html sayfa ekliyoruz var olan diğer sayfaları kaldırılması gerekiyor web sitesinin uygulama açıldığında anlık yüklenmesi için.Diğer sayfaların kaldırılması gerekiyor resimde görülen html sayfa ekliyoruz

Web Sitesini Mobil Uygulama Yapmak

Web Sitesini Mobil Uygulama Yapmak

Özelliklerde sayfalarınızın listesi bunun gibi olmalıdır. html sayfa başta olmazsa web sitesi link gibi çalışır tıkladığımız zaman uygulama içinde açılır son olarak bu işi yapan küçük bir kod gireceğiz html sayfasına tıkladığımızda başlığı belirleme ve kaynak kod ekranı gelecektir
kaynak kod ekranı içine aşağıdaki kod parçacığını yazıp kendinize göre ayarlamanız gerekiyor

Kendine Göre Ayar

1.) bu <div id=”ayarlar”><iframe id=”yuzey” src=”http://www.mobiluygulamatasarla.com” > </iframe></div>  satırdaki

2.) tırnak(“) işaretlerini html kod sayfanıza kopyaladığınızda tırnakları silip,tekrardan tırnakları ekleyin.

 

Artık web siteniz Mobil Uygulamanızda çalışmaya hazır.

<!DOCTYPE HTML>
<html>
<head>
<style type=”text/css”>
html, body {
margin:0;
padding:0;
border:0px;
height:100%;
overflow: hidden;

}
#ayarlar {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;

}
#yuzey {
position: absolute;
top: 0%;
left: 0%;
height: 100%;
width: 100%;

}
</style>
</head>
<body>
<div id=”ayarlar”><iframe id=”yuzey” src=”http://www.mobiluygulamatasarla.com” > </iframe></div>
</body>
</html>

Mobil Uygulama Geliştirme Ekibi

Yorum Yapın