0

1 週間前、モバイル サイトを開発するタスクを受け取りました。エンジンを検索した結果、jQuery Mobile を選択しました。すべてがよりシンプルに。今まで、何かがおかしいことに気づきました。responsive htmlたぶん、私は と の間で自分を見失いmobile pageました。ページをテストするために、2 つのツールを使用します。1 つは chrome 開発者で、もう 1 つは Opera Mobile Emulator です!

たとえば、jQuery Mobile でページを書いています。私にとって、最初の質問はborder-radiusサイズを変更することです。マイページは別のcssにリンクしています。しかし、CSS がうまく機能せず、適切なサイズを作成できません。いくつかのテストの後、jquery.mobile.css必要なサイズにするために、という名前のファイルを変更する必要があります。 ボタンの半径

その後、Chrome でのすべてのテストは問題ないように見えますが、悪いことが起こりました。テスト ツール Opera-mobile-Emulator ではページがうまく動作しません!

その後、コードを追加しました

<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">

私のページへ。何かが正しく見え始めました。

私にとってモバイルページは難しく感じます。jQuery Mobile を使用してそれらを開発する正しい方法と、それらをすばやくテストする方法は何ですか? 助けてください、モバイルページは私を深く傷つけました。私の方法に何か問題がありますか???

4

1 に答える 1

0

あなたの方法やアプローチに特に問題はないと思います。モバイルのものは扱いにくく、イライラすることがあります。

大きな問題は、複数のデバイスを扱い、それらすべてで正しく動作するようにすることです。

私が見つけた秘訣は、一部のデバイスで「わずかに」異なる CSS を使用することです。すべての css just ビットを変更する必要はありません。

私は過去にhttp://www.jquery4u.com/mobile/detect-mobile-devices-jquery/を使用しましたが、かなりうまく機能しているようです。

http://eightmedia.github.io/hammer.js/と呼ばれる別のツールもあります。これにより、私も使用する要素でスワイプイベントを実行できます。

しかし、最終的には、モバイル開発は非常に苛立たしく面倒なものになる可能性があります。

于 2013-10-29T21:25:40.313 に答える