2013-09-28 15 views
5

Próbuję utworzyć dokument HTML5 z jednym plikiem, który można przesłać pocztą e-mail do osób, które zawierają wszystkie znaczniki, js, css i obrazy potrzebne do jego uruchomienia. .Tworzenie niezależnej aplikacji HTML5 w trybie offline i najlepszej metody osadzania jej zasobów.

Jestem świadomy artykułów opisujących proces offline, takich jak http://diveintohtml5.info/offline.html, jednak chciałbym poznać najlepszą metodę osadzania jego zasobów, takich jak duże obrazy i pliki js.

Czy używałbym do tego kodowania base64, czy jest lepsze podejście?

Aplikacja będzie działać na całkiem nowych przeglądarkach.

+0

Szczerze mówiąc nie sądzę, że możliwe jest utworzenie strony internetowej z pojedynczym plikiem. HTML, JS, CSS, obrazy, itp. To wszystkie różne pliki w różnych formatach i muszą być przechowywane jako takie. Możesz skompresować wszystko, aby go rozprowadzić ... ale nadal będzie konieczne rozpakowanie w ostatecznym miejscu docelowym. – Charlie74

+0

@ Charlie74 [Data URIs.] (Https://developer.mozilla.org/en-US/docs/data_URIs) – Pointy

+0

@Jeffman, tak jak w innym komentarzu musi być natychmiast widoczny –

Odpowiedz

4

Tak, kodowanie obrazów w base67. To, co robię, to zapisanie ich jako png i poprawnego rozmiaru przed konwersją na base64 (istnieją darmowe strony internetowe, które robią to za ciebie). Oszczędza to dużo miejsca.

Aby zapisać dane do pliku lokalnego, użyj magazynu lokalnego HTML5, tutaj jest instrukcja: http://www.html5rocks.com/en/features/storage.

Dla plików JS/CSS wystarczy wkleić je do głowy, bez biggie!

+0

Kodowanie Base64 w rzeczywistości powoduje, że obrazy są większe, ale ogólnie masz rację, że to jest droga. – Pointy

+0

Pointy - tak, mam na myśli png/rozmiar właściwy, oszczędza miejsce. base64 to standardowy sposób na dane uris. – OBV