Offline web sayfası
Merhaba, çevrimiçiyken bazı resimleri indirip daha sonrasında internet bağlantısı olmadığında bir sayfada göstermek istiyorum. Nasıl yapılır bilen var mı?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
JavaScript ile internet bağlantısı olmadığında uyarı verebilirsiniz.
Örneğin, aşağıdaki kod, internet bağlantısı olmadığında kullanıcıya bir mesaj gösterir:
if (!navigator.onLine) {
alert("Üzgünüz, internet bağlantınız yok. Bu sayfayı kullanamazsınız!");
}
Bu kod, navigator.onLine
değişkenini kontrol eder. Eğer false
ise, kullanıcıya bir uyarı mesajı gösterir.
JavaScript ile kullanıcının internet bağlantısı yoksa belirli bir sayfaya yönlendirmek için aşağıdaki kodu kullanabilirsiniz:
if (!navigator.onLine) {
window.location.href = "offline.html";
}
Bu kod, internet bağlantısı yoksa kullanıcıyı "offline.html" adlı sayfaya yönlendirir. Bu sayfanın ismi ve yolu sizin belirlediğiniz sayfanın ismiyle değiştirilmeli.
Bunun dışında, HTML5 Application Cache API kullanarak offline sayfalar oluşturmanız mümkün. Bu API ile belirlediğiniz sayfaların veya dosyaların ön bellekte saklanmasını sağlayarak, kullanıcının internet bağlantısı olmadığında hala sayfaları görüntüleyebilmesini sağlarsınız.
Detaylar:
https://docs.tizen.org/application/web/guides/w3c/storage/appcache/
https://developer.mozilla.org/en-US/docs/Web/API/Window/applicationCache
Onu yapmasını biliyorum fakat İnternet olmadığında kullanıcıya nasıl göstereceğim?