1

サイトでこのコードを使用しようとしていました: Proximity Effect

サポートされているすべてのブラウザーでうまく機能し、IE7/8 ではサムネイルのグリッドにフォールバックします。ダウンロード可能なコードは、IE の条件付きコメントを使用しているようです。

問題は、モバイル Safari がチェックをパスしてフル バージョンを表示することですが、もちろん iPad にはロール オーバー イベントがありませんでした。だから何も起こりません。

モバイル デバイスにはグリッド (IE7) バージョンを、最新のデスクトップ ブラウザーにはフル バージョンを表示できれば幸いです。モバイル向けのテストをどのように導入することをお勧めしますか?

4

1 に答える 1

0

JavaScript を使用して、モバイル デバイスとブラウザーを検出できます。

if( 
(
  navigator.userAgent.match(/iPhone/i) ||
  navigator.userAgent.match(/iPod/i) ||
  navigator.userAgent.march(/iPad/i)
) && 
(navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1)
){
  // your code
}

また、モバイル Safari で動作していない要素またはスクリプトが正確にわかっている場合は、特定のブラウザーをチェックする代わりにそれをテストできます。

注: Chrome に両方が含まれる場合、Safari の userAgent には「Safari」が含まれますが、「Chrome」は含まれません。

于 2012-02-16T12:18:11.533 に答える