2009-05-26 4 views
7

Я использую следующее, чтобы настроить iphones и карманные устройства на использование конкретных листов стилей мобильных телефонов, но BlackBerry Browers собирает только обычные таблицы стилей экрана.Как настроить таргетинг на браузер Blackberry?

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

Все другие мобильные устройства, на которых я тестировал сайт, собирают правильные таблицы стилей.

Кто-нибудь знает, как настроить таргетинг на браузер Blackberry, чтобы сделать то же самое?

Спасибо!

ответ

3

В результате я использовал Javascript для обнаружения пользовательских агентов.

Затем распечатайте mobile.css для портативного компьютера и экрана, если это мобильное устройство (потому что BlackBerry и iPhone считают, что это экраны) и печать обычных таблиц стилей, если это не мобильное устройство.

Он не работает ни на одном устройстве, у которого нет Javascript, но они, вероятно, лучше видят версию голых костей сайта в любом случае.

2

У меня нет точного ответа и я никогда не пробовал это самостоятельно, но вы можете попробовать проверить Mobile Device Browser File. Это предназначено для разработчиков ASP.Net, работающих с мобильными приложениями, однако может оказаться полезным, если вы этого не сделаете. Его открытый источник и лицензирован под MS-PL.

Если вы используете ASP.Net попробуйте проверить этот подкаст из Скотт Hanselman для получения дополнительной информации о MDBF - ASP.Net and the Mobile Web

3

состояние мобильных браузеров такой беспорядок в тот момент, я не рекомендовал бы пытаться обнаруживать версии в клиенте. Самый надежный способ сделать это - использовать что-то вроде WURFL http://wurfl.sourceforge.net/ и выполнить всю свою проверку сервера.

Удачи в получении чего-нибудь полезного на ежевике! О, и не забывайте, что перевозчики могут закручивать ваш HTML, прежде чем он даже доберется до телефона.

1

Я рекомендовал бы проверить следующие сайты:

http://deviceatlas.com/

http://mobileelements.com/

http://wurfl.sourceforge.net/

Они все разговоры о том, как вы целевой конкретных мобильных устройств, так что, как вы можете использовать разные таблицы стилей для разных мобильных устройств.

Вообще для черной ягоды просто посмотреть на «ежевика» в строке агента пользователя является достаточно хороший случай

1

Это будет предназначаться 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'); 
}