2012-03-27 5 views
3

私はJQuery Mobileの新機能です。私は本当にそれが好きですが、私は2つの基本的な質問があります:JQuery mobile:test offline

1-自分のiPhoneでアプリのオフラインをテストできますか?

私はアイコンを作成する方法さえインターネットに接続しているときにアプリを見る方法を知っています。しかし、私は私がインターネット接続を持っていないアプリを見る方法を見ていない。

2私はjQuery Mobileで作られたhtmlとcssをAppleにAppleのアプリケーションとして送ることができます。そして、それはオフラインで動作します。そうですか?

JQuery Mobileでアプリを作ってアプリストアで働いている経験がある人はいますか?

+0

どのようにjQuery Mobileを使用しますか?私はあなたがサーバー上に置くことができ、あなたのWiFi接続とブラウザでアクセスできると思う。 –

+0

私が求めているのは、インターネット接続なしでJQuery Mobileオフラインを使用する方法です。 – Nrc

+0

これは可能だとは思わない。 –

答えて

1
  1. @Brice Favreが正解です。あなたのアプリをLAN上でホストし、Wi-Fi経由であなたのiPhoneを使ってアクセスすることで、「オフライン」のテストを行うことができます。
  2. アプリを「ホスト」している場合、たとえばPhoneGapを使用し、すべてのライブラリ(jQuery、jQuery Mobile)とCSSをアプリケーションの一部として含めると、インターネット接続なしでもアプリはうまく機能します。このPhoneGap tutorialを参照してください。
+0

1.私はあなたの答えを理解していません。インターネットに接続していて、これがオンラインであれば私が求めているのは、インターネットに接続していないときにjQueryモバイルで作成したアプリケーションにアクセスする方法です。 – Nrc

+1

実際のデバイスでテストしたい場合、デバイスは実際のファイルを取得するために、ローカルネットワークなどのどこかのサーバー/ホストに接続する必要があります。ファイルをデバイスにコピーし、ローカルファイルをデバイスにロードする(正当な)方法はありません。あるいは、PhoneGapなどのコンテナプロジェクトにjQueryモバイルプロジェクトをラップして、それをデバイスにインストールすることもできます(すべてのライセンスがあると仮定します)。 – Ryan

+0

2. PhoneGapはもう一つのようです。任意のhtmlプロジェクトに追加するもの。 jQuery Mobileについて知りたいjQuery Mobileだけでアプリケーションを作ってAppleに送ることはできますか? – Nrc

5

はい、jQuery Mobileのページを完全にオフラインにできます。Download the necessary librariesを端末に送信します。たとえば、私が使用し、次の

  • jqueryの-1.8.0.min.js
  • jquery.mobile-1.2.0.min.jsさらに

あなたはjQueryのモバイルCSSの構造を必要とします

  • jquery.mobile.structure-1.2.0.min.css

を提出次に使いますtheme rollerあなた自身のCSSを作成する(または変更せずに、デフォルトのjQuery CSSを使用する)、あなたのデバイスにアイコンセットを含めてダウンロードしてください。たとえば、私は、アイコンセットはサブディレクトリ/imagesに格納されている

このCSS名

  • taifun.min.cssを使用しました。

    のコード例

    <!DOCTYPE html> 
    <html> 
    <head> 
        <title>Offline</title> 
        <meta charset="utf-8" /> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="taifun.min.css" /> 
        <link rel="stylesheet" href="jquery.mobile.structure-1.2.0.min.css" /> 
        <script src="jquery-1.8.0.min.js"></script> 
        <script src="jquery.mobile-1.2.0.min.js"></script> 
    </head> 
    
    <body> 
        <div data-role="content"> 
        <h1>I'm a jQuery Mobile offline page</h1> 
        <ul data-role="listview"> 
         <li><a href="#">Acura</a></li> 
         <li><a href="#">Audi</a></li> 
         <li><a href="#">BMW</a></li> 
         <li><a href="#">Cadillac</a></li> 
        </ul> 
        </div><!--/content --> 
    </body> 
    </html> 
    

    スクリーンショットHTCの欲望

    screenshot

+0

は私のマシンでは動作しませんでした –

+0

何らかの形で何らかのエラーが発生したように聞こえますが...残念ながら私たちは決して知らないでしょう...どのようなエラーでも... [こちらも私の動作例を見ることができます](https ://puravidaapps.com/listview.php) – Taifun

関連する問題