7

html5がネイティブのモバイルデバイスでタッチ機能をサポートしているかどうか疑問に思いましたか？したがって、iOS / Android / WP7用のネイティブアプリを作成する必要はありませんが、モバイルブラウザに読み込まれるhtml5ページを作成できます。

編集

ブラウザーでのタッチネイティブのJavaScriptサポートを意味するので、html5のタッチで独自のことを行うことができます。

4

3 に答える 3

8

タッチ イベントの種類によって異なります。標準のブラウザ クリック/マウス イベントの場合、これらはブラウザによってエミュレートされます。Halst が述べたように、クリック可能な要素をモバイル環境で動作するのに十分な大きさにします。

マルチタッチ/ジェスチャーを使用したい場合は、もう少し面白くなります。

Webkit が提供しますtouchstart, touchmove, touchend, touchcancel。シングル タッチ イベントのサポートは、IOS Safari と Android Webkit の両方で同じである必要があります。独自のロールを作成するか、jqTouchなどのライブラリを使用できます。

IOS Safari がタッチ イベントを処理する方法について詳しく読むことができます。Android のイベントは十分に文書化されていないようですが、quirksmode touch supportで詳細を読むことができます。

于 2011-05-23T15:59:29.097 に答える
2

いいねやボタンを十分に大きくするだけで、それだけです。

于 2011-05-23T15:21:24.417 に答える
0

幾分。

iPad のネイティブ アプリ (マルチタッチを含む) のように見える Web ページを作成することは可能ですが、「高レベル」イベントの使用をあきらめ、代わりにtouches配列を明示的に処理して適切なズーム/パンを取得する必要がありました。結果は IMO で非常に良好です (私が示した人々は、ベクター グラフィックス エディターのおもちゃがネイティブ アプリだと思っていたことを示しました)。

ただし、Android の場合、少しトリッキーです。私の Nexus では、フルスクリーンに近いものを取得する方法がないようです (また、電話の場合、アドレス バーのスペースが失われると、多くのスペースが失われることを意味します)。デフォルトブラウザ ：-（

ただし、両方の問題 (フルスクリーンとマルチタッチ) は、たとえば Opera で解決されます。これは、携帯電話で優れた Web アプリを必要としないことを意味するため、私の意見では悲しいことです...

したがって、技術的には、デスクトップとスマートフォンの両方で実行される 1 つの html5/js プログラムを作成することは可能ですが、これはもちろん、デスクトップ アプリに最適な UI がスマートフォンにも最適であるという意味ではありません。

于 2011-05-24T05:59:08.690 に答える