2

Android用のphonegapを使用してAndroidアプリケーションを開発しています。jQuery モバイルは豊富な UI コンポーネントを提供してくれます。そのため、jQuery モバイルを使用することにしました。

問題は、jQuery モバイルを使用しているときに、アプリケーションのパフォーマンスが低下していることです。ロード時間が増加したことを意味します。したがって、アプリケーションのパフォーマンスに影響を与えないように、それらを適切に使用する方法を知りたいだけです。

現在、私はこのように挿入しています。

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet"
    href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script
    src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script>
4

4 に答える 4

2

Jason が言ったように、asset/www 内に jquery をパッケージ化することをお勧めします。次にandroid:hardwareAccelerated="true"、次のように androidmanifest.xml の内部タグを追加します。

<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:hardwareAccelerated="true"
        android:theme="@style/AppTheme" >
        <activity

これにより、GPU を使用して webview がレンダリングされます。

コンパイルには、最新または少なくとも ICS バージョンをターゲットにすることを忘れないでください。アプリの最初の作成時に行うか、androidmanifest.xml を編集します。

 <uses-sdk
        android:minSdkVersion="9"
        android:targetSdkVersion="16" />

証明されたこの方法は、私のアプリで動作しました。:D

于 2013-02-26T06:53:02.327 に答える
0

jQueryモバイルテンプレートでバックボーンを使用できます。これを統合してphonegapでテストしましたが、魅力的に機能します

于 2014-02-03T08:55:28.610 に答える
0

jquery ライブラリを phoengap アプリケーションと一緒にパッケージ化します。そうすれば、からアプリを起動するたびにリソースを取得する必要がなくなりますcode.jquery.com。これにより、HTML は次のようになります。

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/scripts/jquery.mobile-1.2.0.min.css" />
<script src="/scripts/jquery-1.8.2.min.js"></script>
<script src="/scripts/jquery.mobile-1.2.0.min.js"></script>
于 2013-02-25T07:33:17.590 に答える