2013-09-28 405 views
5

Tôi đang cố gắng tạo một tài liệu HTML5 tệp đơn lẻ có thể được gửi qua email cho những người có chứa tất cả đánh dấu, js, css và hình ảnh cần thiết để chạy .Tạo ứng dụng HTML5 độc lập, tự nhúng và phương pháp tốt nhất để nhúng tài nguyên

Tôi biết các bài viết mô tả quy trình ngoại tuyến như http://diveintohtml5.info/offline.html, tuy nhiên muốn biết phương pháp tốt nhất để nhúng tài nguyên của nó như hình ảnh lớn và tệp js.

Tôi có đang sử dụng mã hóa base64 cho các mã này hoặc có cách tiếp cận tốt hơn không?

Ứng dụng sẽ chạy trên các trình duyệt khá mới.

+0

Tôi thành thật không nghĩ rằng có thể tạo trang web "một tệp duy nhất". HTML, JS, CSS, hình ảnh, vv là tất cả các tệp khác nhau ở các định dạng khác nhau và cần được lưu trữ như vậy. Bạn có thể nén tất cả mọi thứ để phân phối nó ... nhưng nó vẫn sẽ cần phải được giải nén ở đích cuối cùng của nó. – Charlie74

+0

@ Charlie74 [URI dữ liệu.] (Https://developer.mozilla.org/en-US/docs/data_URIs) – Pointy

+0

@Jeffman, đúng như bình luận khác, nó cần được xem ngay –

Trả lời

4

Có, base64 mã hóa hình ảnh. Những gì tôi làm là lưu chúng như png và kích thước chính xác trước khi chuyển sang base64 (có những trang web trực tuyến miễn phí làm điều đó cho bạn). Điều này tiết kiệm rất nhiều không gian.

Để lưu dữ liệu vào tệp cục bộ, hãy sử dụng bộ nhớ cục bộ HTML5, đây là hướng dẫn: http://www.html5rocks.com/en/features/storage.

Đối với các tệp JS/CSS, chỉ cần dán chúng vào đầu, không có gì!

+0

Mã hóa Base64 thực sự làm cho hình ảnh lớn hơn, nhưng nhìn chung bạn nói đúng rằng đó là cách để đi. – Pointy

+0

Chóp - vâng tôi có nghĩa là png/đúng kích thước tiết kiệm không gian. base64 là cách tiêu chuẩn cho dữ liệu uris. – OBV