問題タブ [mobile-browser]

iPhone、iPad、その他のモバイル ブラウザを確認する方法を知りたいです。(JavaScript または CSS)

編集：

ユーザーエージェント文字列ではありません。それは偽造することができます。

重複の可能性:

• モバイルブラウザを自動検出（ユーザーエージェント経由？）および
  • http 要求に基づいて Web アプリケーションでモバイル ブラウザーを検出する標準的な方法

スニッフィング後のルール

ブラウザスニッフィングは以前は非常に人気がありましたが、現在は（正当な理由で）時代遅れになり、jqueryなどの人気のあるライブラリによって非推奨になっています（削除されていない場合）。

より良い方法は、機能検出を行うことです。

新しい規則の例外

ただし、（何らかの理由で）特定のブラウザをターゲットにしている場合があります。iOSサファリは、他のモバイルブラウザーと同様に、モバイルプラットフォームにはさまざまなUIの懸念があるため、良い例です。

私の特定の目的

私の目的では、別のブラウザを使用するようにユーザーに警告するために、IEを特にターゲットにしたいと思います。

あなたは私がやりたいことに同意しないかもしれませんが、あなたの答えではそれを無視してください。

これを念頭に置いて、ブラウザのバージョン、より具体的には任意のIEバージョン、およびiOSSafariを検出するための最良で最も信頼性の高い方法を教えてください。

jquery.browserを引き続き使用しても安全ですか？

「コンテンツ」の役割を果たすdivのサイズを最大化するにはどうすればよいですか?

これは単なる基本的な CSS の質問かもしれませんが、jQueryMobile の CSS に関連しているように感じます。

コンテンツ div に Google マップを配置していますが、モバイル ブラウザーで使用可能な垂直スペースをマップで埋めたいと考えています。代わりに、約 10px の固定サイズ (ギブ オア テイク) です。

この場合、jQueryMobile は常にそのコンテンツの最小サイズを作成します。私は常にそれを使用可能なページの 80% にしたいと考えています。

http://mdbf.codeplex.com/によると:

「モバイル デバイス ブラウザ ファイルを開発およびサポートしたチームの組織再編により、この CodePlex プロジェクトをサポートおよび更新するためのリソースがなくなりました。チームはさらに 2 つのリリースを提供します。1 つは 2010 年 7 月 27 日に、もう 1 つは最終リリースは 2010 年 8 月 24 日です。過去 1 年半にわたって当社の製品を使用してくださったすべての皆様に感謝いたします。また、議論に貢献し、データに関する問題を提起してくださったすべての皆様にも感謝いたします。"

このプロジェクトは別の場所にありますか、それとも同等のプロジェクトがありますか?

通常のモバイルブラウザは大幅に変更されました。もう小さなwapブラウザではありません。最も使用されているモバイルデバイス（少なくとも州内）は、IOSベース、ANDROIDベース、およびRIMOSベースのデバイスです。つまり、基本的に、javascript / css/html5をサポートするフル機能のブラウザがあります。AndroidはFlashもサポートしています。言及されたものはすべて、自動更新機能（Microsoftの地獄で燃やす）とズームイン/ズームアウト（ピンチアンドタッチ）機能を備えているため、ピクセルサイズはほとんどIMHoとは無関係です。

私の質問は次のとおりです。1）私たちの時代でも別のモバイルサイトバージョンを作成しますか？2）もしそうなら-モバイルサイトのバージョンで何を変更しますか？CSSですか？より軽い画像をロードしますか？フラッシュを無効にしますか？等

ご意見ありがとうございます。ありがとう

ときどき、特に Facebook で流行しているように、Opera Mini は次のような動作を示します。テキストとその他のマークアップで区切られた 2 つの連続する異なるリンク:

1. ホバーすると正しいリンクが強調表示され、
2. クリックすると、他の点滅/強調表示は発生しませんが、
3. 2番目の（間違った）リンク、または他のリンクをすべてロードします。

関連するが同一ではない質問¹では、同じリンク、同じバインドされた JavaScript イベント、または閉じられていないaタグのいずれかであることが示唆されました。それが最初でも最後でもないことはほぼ確実ですが、他に何もない場合はjsの問題である可能性があります。しかし、この環境ではテストできないので、ここでの経験があるかもしれないコミュニティに尋ねています。ありがとう！

¹奇妙なことに、この質問に対する提案された回答をナビゲートしているときに、このバグ/問題が発生しました (リストされた質問をクリックして「戻る」を押した後、リストされた 2 番目の可能性のある質問をクリックすると、提案されたリンクが表示されずに質問ページに戻りました)。 . ただし、このページを失うことなくチェックに戻ることはできないため、後で質問を検索してここにリンクする必要があります。

独特の問題を抱えているようです。私の apache ログ (モバイル サイト用) では、一部のリクエストでリファラー ヘッダーが null ("-") になっていることがわかります。ログのすべてのリクエストは「href」リンクであり、モバイル ブラウザから をクリックまたはタップして発生します。そのため、アドレス バーから直接 URL にアクセスする可能性はほとんどありません (その場合、リファラー ヘッダーがないことがわかります)。リファラー ヘッダーが null になる他の可能性は何ですか?

リファラー ヘッダーを無効にするブラウザー機能を備えたモバイル デバイスはありますか (デスクトップ ブラウザーなど)。

また、UserAgent をモバイル デバイスにスプーフィングすることにより、デスクトップ ブラウザでそのようなことが実現できることも理解しています。しかし、ユーザーがそうする動機がないので、私は少し躊躇しています。

また、リンクが別のウィンドウ/タブで開かれた場合、リファラー ヘッダーは保持されますか? （繰り返しますが、これがモバイルデバイスで可能かどうかはわかりません）

任意の考えをいただければ幸いです。

そのため、私は Web アプリケーションを開発しており、HTML5 ジオロケーション機能を実装しています。これは、Google の Web サイトから取得した Javascript コードを使用して実装しました。このコードは、私のページにもある Google マップとやり取りします。以下にコードを示します。

このコードが行うことは、サイトにアクセスしているブラウザーが新しい WC3 地理位置情報機能をサポートしているかどうかを確認し、サポートしている場合はそれを使用して緯度と経度を見つけることです。サポートされていない場合は、Google Gears を使用してその情報を取得しようとします。最終的に、どちらもサポートしていない場合は救済されます。

Firefox、Safari、Opera、Chrome などのブラウザと同じようにこれを使用してもまったく問題ありません。ほとんどの新しいバージョン (および一部の古いバージョンも) はこれらの機能をサポートしていますが、IE8 (9 動作) はサポートしていないためです。 :(

IE8 は Google Gears のフェイルセーフさえ使用していません。まったく機能しません。とにかく（上記のコードのように無料で）、IE8で何らかの形式のジオロケーションを使用することはできますか?

また、まだテストしていませんが、(主要なデバイスで) モバイル ブラウザーを使用してこのサイトにログオンした場合、WC3 Geolocation/Google Gears もサポートするか、IE8 のように機能しますか. sensor=trueGPS がオンになっている場合、モバイル デバイスからの位置情報を要求するときに属性を使用できることもわかっているので、別の方法ですが、サポートされている場合は地理位置情報を使用したいと思います。

みんなありがとう。

Motorola Xoomで使用されているブラウザを知っている、または参照している人はいますか。つまり、どのブラウザ、バージョン、エンジン、ビューポートなどです。

モバイル ブラウザで固定ヘッダーを使用できるようにする JavaScript/jQuery プラグインを探しています。

iScrollが最も一般的なソリューションのようですが、スクロール中にヘッダーの位置を常に計算しないプラグインに興味がありました。

アイデアはjQueryMobile 固定ツールバーで使用されるものと同じです。ユーザーがスクロールしている間、ヘッダーは消え、スクロールが終了した後にのみ再表示されます。