自己完結型のオフラインHTML5アプリケーションとそのリソースを埋め込むための最良の方法を作成する

マークアップ、js、css、そしてそれを実行するために必要なすべてのイメージを含む人に電子メールで送ることができるHTML5ファイルを作成しようとしています。自己完結型のオフラインHTML5アプリケーションとそのリソースを埋め込むための最良の方法を作成する

私は、http://diveintohtml5.info/offline.htmlなどのオフラインプロセスについて説明していますが、大きなイメージやjsファイルなどのリソースを埋め込むための最良の方法を知りたいと思います。

私はこれらのためにbase64エンコーディングを使用していますか、それとも良い方法がありますか？

かなり新しいブラウザでアプリケーションが実行されます。

出典

2013-09-28 Gareth Harding

「シングルファイル」のWebページを作成することはできません。 HTML、JS、CSS、画像などはすべて異なるフォーマットの異なるファイルであり、そのように格納する必要があります。あなたはそれを配布するためにすべてを圧縮することができます...しかし、それはまだそれが最終的な宛先で解凍される必要があります。 – Charlie74

@ Charlie74 [データURI]（https://developer.mozilla.org/en/US/docs/data_URIs） – Pointy

@Jeffman、他のコメントと同様、即座に閲覧可能にする必要があります –

はい、base64は画像をエンコードします。私がしているのは、base64に変換する前にpng形式と正しいサイズに保存することです（無料のオンラインサイトがあります）。これにより、多くのスペースを節約できます。

ローカルファイルにデータを保存するには、HTML5ローカルストレージを使用してください。ガイドはhttp://www.html5rocks.com/en/features/storageです。

JS/CSSファイルの場合は、頭に貼り付けてください。

出典

2013-09-28 15:05:58 OBV

Base64エンコーディングは実際に画像を大きくしますが、全体的にはそれが正しい方法です。 – Pointy

Pointy - はい私はpng /正しいサイズがスペースを節約することを意味しました。 base64はデータuriの標準的な方法です。 – OBV

自己完結型のオフラインHTML5アプリケーションとそのリソースを埋め込むための最良の方法を作成する

答えて

関連する問題