BlackBerry 브라우저를 타겟팅하는 방법은 무엇입니까?
-
06-09-2019 - |
문제
나는 다음을 사용하여 iPhone과 핸드 헬드 장치를 사용하여 특정 모바일 스타일 시트를 사용하지만 BlackBerry 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" />
내가 테스트 한 다른 모든 모바일 장치는 올바른 스타일 시트를 선택하는 것입니다.
누구든지 BlackBerry 브라우저를 대상으로하는 방법을 알고 있습니까?
감사!
해결책 2
결국 사용자 에이전트를 감지하기 위해 JavaScript를 사용했습니다.
그런 다음 Handheld 및 Screen 용으로 Mobile.css를 인쇄하고 (BlackBerry와 iPhone이 화면이라고 생각하기 때문에) 모바일 장치가 아닌 경우 일반 스타일 시트를 인쇄합니다.
JavaScript가없는 장치에는 효과가 없지만 어쨌든 Bare Bones 버전을 보는 것이 좋습니다.
다른 팁
모바일 브라우저의 상태는 현재 클라이언트의 버전을 감지하는 것이 좋습니다. 가장 신뢰할 수있는 방법은 Wurfl과 같은 것을 사용하는 것입니다. http://wurfl.sourceforge.net/ 모든 검사 서버 측면을 수행하십시오.
Blackberry에서 잘 작동하는 것이 행운을 빕니다! 오, 캐리어가 휴대 전화에 도착하기 전에 HTML을 망칠 수 있다는 것을 잊지 마십시오.
나는 정확한 답이없고 직접 시도한 적이 없지만, 당신은 모바일 장치 브라우저 파일. 이것은 모바일 앱에서 작업하는 ASP.NET 개발자를 대상으로하지만 그렇지 않은 경우에도 여전히 유용 할 수 있습니다. 오픈 소스 및 MS-PL에 따라 라이센스가 부여됩니다.
ASP.NET을 사용하는 경우 MDBF에 대한 자세한 정보는 Scott Hanselman의 팟 캐스트를 확인하십시오. ASP.NET 및 모바일 웹
다음 사이트를 확인하는 것이 좋습니다.
그들은 모두 특정 모바일 장치를 대상으로하는 방법에 대해 이야기하므로 다른 모바일 장치에 다른 스타일 시트를 사용할 수 있습니다.
일반적으로 검은 색 베리의 경우 사용자 에이전트 문자열에서 "Blackberry"를 찾으십시오.
이것은 BlackBerry.css라는 스타일 시트를 사용하여 BlackBerry 장치를 대상으로합니다.
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');
}