如何针对黑莓浏览器？

Question

我使用以下目标iPhone和手持设备使用特定的移动样式表，但黑莓的browers被拾取只有经常屏幕样式表。

<link media="handheld, only screen and (max-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" />
<link media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />

所有其他移动设备我测试过的都拿起了正确的样式表的站点。

有谁知道的方式为目标的黑莓浏览器做？

谢谢！

Answer 1

我结束了使用JavaScript来检测用户代理。

然后打印mobile.css用于手持和屏幕，如果它是移动设备（因为黑莓和iPhone认为他们是屏幕）和打印规则样式表，如果它不是一个移动设备。

它不为不具有任何的Javascript的工作设备，但他们可能会更好看的部位裸露的骨头版本反正。

Answer 2

手机浏览器的状态是，我不会建议尝试以检测客户端版本的时刻这么乱。最可靠的方法来做到这一点是使用类似WURFL http://wurfl.sourceforge.net/ 并且把你所有的检查服务器端。

祝你好运得到任何东西的黑莓很好地工作！哦，不要忘记的是，运营商可能会与你的HTML被拧紧之前，甚至会到手机上。

Answer 3

我没有一个确切的答案，从来没有尝试过这个自己，但你可以尝试检查出移动设备浏览器文件。这是针对在ASP.Net开发者的移动应用程序的工作，如果你不但是仍然可以证明是有用的。其开源和MS-PL下许可。

如果您正在使用ASP.Net尝试检查出从斯科特Hanselman的这个播客上MDBF更多信息 - 的 ASP.Net和移动网络

Answer 4

我建议您查看以下网站：

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

他们都在谈论你如何针对特定的移动设备，所以这样你可以使用不同的移动设备不同的样式表。

通常，对于一个黑色浆果只是寻找“黑莓”中的用户代理字符串是足够好的情况下

Answer 5

此将特别针对Blackberry设备与一个样式表称为blackberry.css

var ua = navigator.userAgent;
if (ua.match(/(BlackBerry|Blackberry|blackberry|BB|bb|RIM|rim|Playbook|PlayBook|playbook)/)!=null) { 
     document.write('<link rel="stylesheet" type="text/css" href="blackberry.css">');
     console.log ('Blackberry confirmed'); 
}