2012-07-04 50 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/

相关问题