【问题标题】:How to target the Blackberry browser?如何定位黑莓浏览器?
【发布时间】:2009-05-26 22:16:58
【问题描述】:

我正在使用以下内容来定位 iphone 和手持设备以使用特定的移动样式表,但黑莓浏览器只选择常规屏幕样式表。

<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" />

我测试过网站的所有其他移动设备都选择了正确的样式表。

有没有人知道一种针对黑莓浏览器的方法来做同样的事情?

谢谢!

【问题讨论】:

    标签: css blackberry mobile screen handheld


    【解决方案1】:

    目前移动浏览器的状态如此混乱,我不建议尝试在客户端中检测版本。最可靠的方法是使用 WURFL http://wurfl.sourceforge.net/ 之类的东西并在服务器端进行所有检查。

    祝一切顺利在黑莓上运行良好!哦,别忘了,运营商可能会在你的 HTML 到达手机之前就搞砸了。

    【讨论】:

      【解决方案2】:

      我最终使用 Javascript 来检测用户代理。

      如果是移动设备,则为手持设备和屏幕打印 mobile.css(因为 BlackBerry 和 iPhone 认为它们是屏幕),如果不是移动设备,则打印常规样式表。

      它不适用于任何没有 Javascript 的设备,但无论如何他们最好还是查看网站的基本版本。

      【讨论】:

        【解决方案3】:

        我没有确切的答案,我自己也从未尝试过,但您可以尝试查看Mobile Device Browser File。这是针对从事移动应用程序的 ASP.Net 开发人员的,但如果您不这样做,可能仍然有用。其开源并在 MS-PL 下获得许可。

        如果您使用的是 ASP.Net,请尝试查看 Scott Hanselman 的播客,了解有关 MDBF 的更多信息 - ASP.Net and the Mobile Web

        【讨论】:

          【解决方案4】:

          我建议查看以下网站:

          http://deviceatlas.com/

          http://mobileelements.com/

          http://wurfl.sourceforge.net/

          他们都在谈论您如何定位特定的移动设备,以便您可以为不同的移动设备使用不同的样式表。

          通常对于黑莓,只需在用户代理字符串中查找“blackberry”就足够了

          【讨论】:

            【解决方案5】:

            这将专门针对带有名为 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'); 
            }
            

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2011-04-30
              • 2011-10-14
              • 1970-01-01
              相关资源
              最近更新 更多