問題タブ [browser-detection]

Wordpress Web サイトに 2 つのバージョンを設定しようとしています。完全な Web サイト (コンピューター用) とモバイル バージョン (スマートフォン用) です。

これは、完全なテーマの header.php に含まれるユーザー エージェント検出スクリプトを使用して実現します (パスはwhatevercorp.net/wordpress/wp-content/themes/moneyblog/mobiledetect.phpです)。モバイル ブラウザが検出されると、モバイル テーマにリダイレクトされます。これには Theme Switcher プラグインを使用します。

(「mobiblog」は私のモバイルテーマの名前です)

私の質問は次のとおりです。フル バージョンの写真に Shadowbox を使用していますが、モバイル ブラウザーが検出されるとすぐに完全に読み込まないようにしたいと考えています。モバイル版でユーザーにシャドウボックスで写真を表示させたくありません。プラグインが無効になっている場合、リンクは正常に機能し、*whatevercorp.net/photosfromevent/img_001.jpg* は問題なく開かれます。

理想的には、mobiledetect.php の if ステートメントに何かを導入したいと考えています。誰かがこれを提案しました

しかし、それはうまくいきません。

Shadowbox プラグインのロードを調整するにはどうすればよいですか? ありがとう！

IE を検出するために、ほとんどの Javascript ライブラリはあらゆる種類のトリックを実行します。

• jQuery は、ページの DOM に一時オブジェクトを追加して、いくつかの機能を検出するようです。
• YUI2 は、そのYAHOO.env.ua = function()(file yahoo.js)内のユーザー エージェントで正規表現を実行します。

この回答を読んだ後、それは本当だと思いました.Javascriptで単にIEを検出するには、ページに追加するだけです:

これで、window.isIE次のようにするだけで、すべての Javascript コードに対して変数が設定されました。

すべてのページに追加する必要があるため、これが苦痛になる可能性があるという事実に加えて、私が気付いていない可能性のある問題/考慮事項はありますか?

参考までに:ブラウザ検出よりもオブジェクト検出を使用した方がよいことはわかっていますが、それでもブラウザ検出を使用しなければならない場合があります。

CSS3 (グラデーションなどを使用) を使用してほとんどの画像を作成できるようにレイアウトを設計しました。HTML5 と CSS3 を可能な限り活用したいと考えています。しかし、まだそれらをサポートしていないブラウザーを無視することはできません。そのため、最初にブラウザを検出する方法があり、それが HTML5/CSS3 をサポートしていないブラウザである場合、コードは画像をロードし、HTML5/CSS3 をサポートするブラウザである場合は高度なコードを使用する方法があるのではないかと考えていました。代わりは。これにより、読み込み時間が大幅に短縮されます。

それについてどう思いますか。これは良いアプローチですか？サイトに他のものが読み込まれる前にブラウザを検出する方法は?

IE、Mozilla、Chrome 用の特定の CSS を含めるために使用できる CSS 条件ステートメントは何でしょうか。

それぞれの「If」は何ですか?

ブラウザにかなり負担のかかる画像カルーセル スクリプトを使用しています。Opera と Chrome では問題なく動作しますが、FF では半分まともで、IE では私のボールを完全に壊します。だから私は IE ユーザーにアクションや JS のないシンプルな HTML の代替手段を提供したいと思います。

このスクリプトは、MT や jQuery を使用せず、380 行ほどの JS を使用していません。IE ユーザーに単純な HTML の代替手段を提供することは可能でしょうか?

var browserName=navigator.appName; if (browserName=="Microsoft Internet Explorer") { // what command can i use? }

さて、Prototypeで動作するように変換する必要があるjQueryコード行があります。

ズームはクラス名であり、クロームが検出された場合はクラスクロームを追加したいと思います。

これまでのところ、プロトタイプについてはこれがあります：

しかし残念ながら、それは私がグーグル検索で得ることができる限りです。

誰かが解決策を持っていますか？

jQuery 関数の if ステートメントで IE7 をターゲットにしようとしています。この特定のビットに対する私のコードは次のとおりです。

これは正しいです？

ユーザーが特定の OS で特定のブラウザーを使用している場合、mysql クエリを実行して特定の結果を省略できるようにする必要があります。私のデータベース クエリは AMFPHP サービスから行われ、ユーザー ブラウザーと OS を取得するために使用できる javascript browserDetect スクリプトがあります。

理想的には、ユーザーが自分のページに到着したときに browserDetect スクリプトを実行し、これを PHP セッション変数に保存したいのですが、JavaScript 変数を PHP セッションに渡す方法がわかりません。これにより、データベース クエリ スクリプトがセッションを検索し、それに応じてクエリを変更できるようになります。また、ブラウザ検出スクリプトを AMFPHP スクリプトに含めようとしましたが、これは機能しませんでした。これはサーバー側とクライアント側の問題であることがわかりました。

他にどのような解決策がありますか?

ありがとう

これは検出器です: http://w3schools.com/js/tryit.asp?filename=try_nav_all

Chrome、Firefox、Safari 、およびNetscape では、ブラウザのコードネームは常に Mozilla、ブラウザ名は Netscape として表示されます。ブラウザによって変わるんじゃないの？

興味がある場合は、コードとさまざまな出力を次に示します。

コード：

クロム出力:

ファイアフォックス出力:

サファリ出力:

ネットスケープ出力:

したがって、使用するオブジェクトメソッド/プロパティを決定するためにブラウザー検出 (つまりnavigator.userAgent)を使用すべきではないことを理解しています。それでもブラウザによっては JavaScript で簡単な CSS を設定したい。ただし、まったく新しい StyleSheet を正当化するだけでは十分ではありません。ブラウザ検出を使用して要素に適用する CSS を決定しても問題ないでしょうか?

編集

わかりました、具体的にしましょう。ボタンの内側について話しているtext-shadow( <input type="button"/>) ボタンの内側のテキストは、すべてのブラウザーで垂直方向に中央揃えされているわけではないため、ブラウザーに応じて JS でこれを微調整します。