2012-07-04 96 views
0

我需要向iPhone用戶顯示不同的信息,因爲他們不能顯示Flash。因此,例如,對於使用iPhone的任何人顯示jpeg,並且任何其他設備都可以看到Flash內容。使用javascript或jquery向移動設備顯示特定內容

我認爲最好的方法是使用JavaScript或jQuery,使用http頭信息。但是我不知道從哪裏開始,有沒有人有任何想法?

理想情況下,如果用戶沒有JavaScript,我不想將其替換爲錯誤,因爲我不希望iPhone用戶認爲他們錯過了。

+1

[閃光對象回退圖像]的可能重複(http://stackoverflow.com/questions/5801615/fallback-image-for-flash-object) – Quentin

+0

你應該檢測Flash的支持,而不是挑出特定的設備。那麼你不關心UA的設備或功能。 – RobG

回答

0

您可以定義navigator.userAgent.match(/iPhone/i)哪些檢查網頁是否在iphone或其他設備中打開。使其成爲配置變量或全局定義它,以便您可以在整個腳本中訪問它。然後,您可以輕鬆將檢查條件顯示爲iphone的具體內容。這將返回trueiphonefalse在其餘設備。我想這就是你在找的東西。希望這可以幫助。

0

針對特定設備通常不被認爲是良好的做法,因爲您只能在編碼點迎合已知設備,事情可能會在未來破裂。你可以在JS中測試用戶代理,但這不是一個好方法。舉一個例子,請參閱: -

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3888106/How-Can-I-Detect-the-iPhone--iPads-User-Agent.htm

...更好的做法是測試支持一個給定的技術/硬件/功能等要測試的Flash,看看這些問題的答案: -

How can I detect if Flash is installed and if not, display a hidden div that informs the user?

或許還值得一提的是,CSS是用於顯示不同的屏幕尺寸diffent內容的強大工具。谷歌'javascript媒體查詢',你會發現很多信息。下面是一個開始介紹一下: -

http://css-tricks.com/css-media-queries/

相關問題