Kendi kendine ait, çevrimdışı bir HTML5 uygulaması ve kaynaklarını gömmek için en iyi yöntemi oluşturma

Çalıştırmak için gereken tüm biçimlendirme, js, css ve görüntüleri içerecek kişilere e-postayla gönderilebilen tek bir dosya HTML5 belgesi oluşturmaya çalışıyorum .Kendi kendine ait, çevrimdışı bir HTML5 uygulaması ve kaynaklarını gömmek için en iyi yöntemi oluşturma

http://diveintohtml5.info/offline.html gibi çevrimdışı süreci açıklayan makalelerin farkındayım, ancak büyük resimler ve js dosyaları gibi kaynakları gömmek için en iyi yöntemi bilmek istersiniz.

Bunlar için base64 kodlamasını kullanıyor muyum yoksa daha iyi bir yaklaşım var mı?

Uygulama oldukça yeni tarayıcılarda çalışıyor olacak.

kaynak

2013-09-28 Gareth Harding

Gerçekten "tek bir dosya" web sayfası oluşturmanın mümkün olduğunu düşünmüyorum. HTML, JS, CSS, resimler, vb. Farklı formatlardaki tüm farklı dosyalardır ve bu şekilde depolanması gerekir. Dağıtmak için her şeyi kaldırabilirsiniz ... ama yine de nihai hedefinde fermuarını açmanız gerekecek. – Charlie74

@ Charlie74 [Veri URI'leri] (https://developer.mozilla.org/en-US/docs/data_URIs) – Pointy

@Jeffman, evet diğer yorumun görebileceği gibi anında görüntülenebilir olması gerekiyor –

Evet, base64 görüntüleri kodlar. Yaptığım şey onları base64'e dönüştürmeden önce png olarak ve doğru boyuta kaydedebilmektir (sizin için bunu yapan ücretsiz çevrimiçi siteler vardır). Bu çok yer kazandırır.

Verileri yerel dosyaya kaydetmek için HTML5 yerel depolama alanını kullanın, burada bir kılavuz: http://www.html5rocks.com/en/features/storage.

JS/CSS dosyaları için, sadece kafasına yapıştırın, biggie yok!

kaynak

2013-09-28 15:05:58 OBV

Base64 kodlaması aslında görüntüleri daha büyük hale getirir, ancak genel olarak haklısınızdır. – Pointy

Sivri - evet png/doğru boyutta yer tasarrufu anlamına geliyor. base64, veri uris için standart yoldur. – OBV

Kendi kendine ait, çevrimdışı bir HTML5 uygulaması ve kaynaklarını gömmek için en iyi yöntemi oluşturma

cevap

İlgili konular