問題タブ [mobile-webkit]

css 変換を使用して、ios デバイスでdivをスクロール可能にする手段が見つかりました。IOS サファリの iframe に問題があります。css3 変換を使用して iframe 内のコンテンツをスクロールしようとすると、結果のコンテンツが画面に最初にレンダリングされたものにクリップされます。これは Android デバイスでは正常に機能し、IOS のDIVでは機能しますが、iframe では機能しません。これは、Safari Webkit 実装のバグのようです。iframe の高さを、含まれているコンテンツよりも大きくしようとしましたが、iframe でオーバーフローが有効になっていることを確認しました。

誰かが回避策を思いつくことができましたか? リモートコンテンツ用のiframeが絶対に必要なので、最後の手段は、サーバー側のページを介してコンテンツをプロキシし、javascriptを挿入して、子のbodyタグでtranslate3dを実行することです:これはうまくいくようです.

画像 - 3D 変換後 (クリッピングに注意) :

iPhone のような Android Web アプリケーションを作成する方法はありますか?

HTML ページの head 要素で「apple-mobile-web-app-capable」メタ タグを使用して、アプリケーションをユーザーのスプリングボードにインストールできることを Apple iOS に通知し、メニューなしで Safari Mobile ブラウザを起動します。バー。

PragmaticProgrammersは、自社のWebサイトで次のように述べています。

2011年1月11日注：Appleは、iOSの最新リリースで電子書籍をiBooksに直接ダウンロードできるようにしました。今週、これをサポートするためにオンラインストアを更新しました。iPhoneまたはiPadで、サイトの通常バージョンまたは縮小版のモバイルバージョンにアクセスしてください。ePubのダウンロードリンクをクリックすると、デバイスにAppleダイアログが表示され、iBooks（またはその他の適切なアプリケーション）にロードできます。これを機能させるには、iPhoneまたはiPadが最新である必要があります。

Appleの開発者向けWebサイトを検索しましたが、これを作成する方法についてのヒントは見つかりませんでした。ここにいる誰かがこれがどのように機能するのですか？ご協力いただきありがとうございます！

ご挨拶、

Safari のアプリケーションにCORS ( http://www.w3.org/TR/2009/WD-cors-20090317/#access-control-allow-methods-header ) を使用しようとしています。 XMLHTTPRequest からの応答ヘッダー、Content-Type のみを受け取ります。他の非常に標準的なヘッダーはどれも通過せず、これを機能させる方法がわかりません。

この問題を解決する方法を知っている人はいますか? これは WebKit のバグでしょうか?

編集

nGinxで使用する構成は次のとおりです。

私がテストしたどのモバイル Webkit ブラウザでも動作に問題が@font-faceあります。iPhone 3GS の Safari、デフォルトの Android 2.2 ブラウザ、Android の Dolphin ブラウザです。

IE7 から IE9、FF3.5、Safari 4、Opera まで、すべてのデスクトップ ブラウザーで動作します。

フォントと CSS は FontSquirrel からのものです。

SVG フォント ソースの SVG ID を確認しましたが、すべて一致しています。

後で CSS に文字間隔の規則をいくつか追加したためでしょうか?

ありがとう！

イメージ マップとして使用されているイメージがあります。クリックするとイメージ マップが灰色で強調表示されます。強調表示したくありません。これは Mac のサファリでは発生しません。ただし、これは iPad シミュレータ/デバイスでのみ発生します。

ユーザーが触れた座標を取得するにはどうすればよいですか？xuiとJavascriptを使用しています。

私のindex.htmlでは、ユーザーの操作からx座標とy座標を取得する方法がわかりません。

モバイル Web サイトを開発していますが、モバイル Safari で問題なく動作します。ただし、Android デバイスでは、一部のデバイスでのみ Web サイトが拡大されすぎます。友人の電話で試してみたところ、彼は Android 2.1 を実行している HTC Magic を持っていて、正常に表示されましたが、2.1 を使用するエミュレーターと Android 1.5 を実行している Motorola Backflip である私の電話ではズームインしすぎて表示されます。なぜ矛盾があるのか​​ について何か考えはありますか？

リンクは次のとおりです。http://itphosting1.com/dtang/jarritos/

これは私が使用しているメタ ビューポート タグです。

デバイス間の解像度と画面サイズの違いに関係しているのではないかと思います。それを解決する方法はよくわかりませんが...

私は、モバイル デバイスをターゲットとするオフライン対応の Javascript サイトに取り組んでいます。そのようなモバイル デバイスの 1 つが IPhone です。

REST API (JSON オブジェクトのメンバー) から日付を解析しようとしています。私は使用しています

これは Android デバイスでは機能しますが、IPhone では無効な日付が表示されるだけです。

IPhone で解析できるように日付文字列をフォーマットするにはどうすればよいですか?

ID にイベントを追加できません。イベントリスナー onLoadをアタッチすることはできますが、onClick またはクリックでは同じように動作しません。誰かがそれを修正するのを手伝ってくれますか?

PSフレームワークの使用は許可されていません。WEBKITベースのモバイル ブラウザと Google Chrome のみでのテスト