2011-01-19 4 views
4

モバイルウェブアプリケーションが〜次の大きなものになる...私はモバイルフレンドリーな特性を備えた小さなウェブページを開発しました。 Androidとi-Phoneはこちらをご覧ください:http://dl.dropbox.com/u/4303088/gadgetdraftoknewdatac.html 純粋なJSです。 Googleスプレッドシートからデータを取得します。ページを居住者にする方法(サーバーを持っていない場合)

私はAndroid搭載の携帯電話にも、i-Phoneでもブックマークを付けることができます。それはかなり小さいのでかなり反応がありますが、ページのリロードを防ぐことはできません。私が読んだことは、ページの有効期限を設定するためにWebサーバーに変更を加える必要があるということです(ヘッダー経由)。現時点では、私はサーバーからこのサービスを提供していますが、私はそのレベルの制御権を持っていません。このコピーは、Dropboxなどから提供されています。

ストレートHTML/CSS/JSを使用して「インストール済み」のアプリに似ていますか?

+0

@jnpcl:いいえ! :P – Alerty

答えて

-1

これは私が探していたと思われるでしょう。まもなく試してみましょう! ファイル名があなたのhtml

<!DOCTYPE html> 
<html lang="en" manifest="/offline.manifest"> 
    // your html document 
</html> 

マニフェストファイルの例で指定されている

マニフェストファイル: http://html5doctor.com/go-offline-with-application-cache/ 答えは、マニフェストファイルを使用しています。 はその後のような::

# This is a comment 
CACHE: 
/css/screen.css 
/css/offline.css 
/js/screen.js 
/img/logo.png 

http://example.com/css/styles.css 

何かをあなたのhtml のように< < < <ノートと同じ名前offline.manifestという名前のファイルを持っており、それはそれです! このソリューションは、最新のモバイルデバイス上で動作するように見え、1回目の訪問後DL時間を劇的に短縮します。

1

私はあなたのための2つのオプションがあり、両方見るのが面白いです。

オンラインpresentationをウェブサイトHTML5ROCKSから見ると、多くのHTML5/CSS3/JavaScript機能のクイックリファレンスとデモを見ることができます。たとえば、新しいHTML5フォーム要素、WebSQL、WebSockets、Canvasなどの特定の機能がスライドに表示されます。

唯一の問題は、これらの機能の多くがまだ多くのブラウザで利用できないことです。 HTML5 testにご自身で確認してください!

非常に革新的な方法でWebテクノロジに基づいたクロスプラットフォームアプリケーション(デスクトップ/モバイル)を作成することができたので、私は最後に最善を尽くしています。

HTML5、CSS3、JavaScript、PHP、Ruby、PythonなどのWebテクノロジーを使用して、iOS(iPhone/iPod Touch/iPad)およびAndroid OS用のアプリケーションを作成できるため、Titanium Mobileappceleratorからご覧ください。それは非常に使いやすいです!お気に入りのWebテクノロジでページを作成し、Titanium Desktop/Mobileでアプリケーションを作成します。最高の部分はそれが無料であるということです!

楽しくお楽しみください! :)

+0

これらのリードの両方が興味深いですが、ちょっと離れていますが、今のところHTML5は私が求めているものを提供していないと思いますか?私は修正されることを願っています。将来的には、完全なツールボックスの使用を避けたいと考えています。私はHTML5に何かが見過ごされていると思っています。特にAndroidとi-Phoneのブラウザ/操作システムは、今のところ他の携帯電話を無視することができます。 – dartdog

+0

@dartdog:試してみましたかAJAX? – Alerty

関連する問題