Geek Answers Handbook

Touch detection Blackberry 9300 6.0

I am currently having some problems with some touch detection in the plugin that I am using.

The plugin uses the following code

touch = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch; eventType = (touch) ? "touchend" : "click";

To determine whether to use the touchhend or click event for any gallery navigation.

However, unfortunately, when accessing a page using the Blackberry 9300 running OS 6.0, it is falsely reported as a touch screen device, and the event does not fire.

I checked the detection method used and the same as in Modernizr.

Does anyone have a solution to this problem?

+7
source share
1 answer

According to Paul Irish, RIM said this:

Unfortunately, we had a problem with the build system during BlackBerry 6.0, which caused crashes that support WebKit touch, even for non-touch devices. It has long been fixed, but some public builds do have this problem.

See these (currently open) github / Modernizr tickets for possible workarounds and the latest detection code, and then try changing your plugin if necessary. You might need a specific blackberry detection if the latest detection code below does not work.

Also check this touch test , the browser tab shows that the blackberry 9000 was detected as false, so you should try to test it on your device too. http://modernizr.github.com/Modernizr/touch.html

The latest modernizr source for touch detection seems to add @media detection in addition to your code that you posted.

 /* * The Modernizr.touch test only indicates if the browser supports * touch events, which does not necessarily reflect a touchscreen * device, as evidenced by tablets running Windows 7 or, alas, * the Palm Pre / WebOS (touch) phones. * * Additionally, Chrome (desktop) used to lie about its support on this, * but that has since been rectified: crbug.com/36415 * * We also test for Firefox 4 Multitouch Support. * * For more info, see: modernizr.github.com/Modernizr/touch.html */ tests['touch'] = function() { var bool; if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) { bool = true; } else { injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) { bool = node.offsetTop === 9; }); } return bool; };

BlackBerry / PlayBook UA sniffing

To specifically identify BlackBerry devices using the user agent string and borrow funds from here and here I hacked this little function that you can check and see while working on jsbin at http://jsbin.com/aliwur/1/edit#javascript , live , and it should parse Blackberry 5.0 / 4.0 / 6.0 and Playbook from user agent strings:

 function rim_useragent_parser(ua) { var info = false, model = null, model_number = null, os_version = null; if (ua.indexOf("BlackBerry") >= 0) { if (ua.indexOf("Version/") >= 0) { // BlackBerry 6 and 7 model = ua.match(/BlackBerry\s[0-9]*/); if (model) { model_number = model[0].match(/[0-9]+/); pos = ua.indexOf("Version/") + 8; os_version = ua.substring(pos, pos + 3); info = { 'model' : model[0], 'model_number' : model_number[0], 'os_version' : os_version }; } } else { // BlackBerry Device Software 4.2 to 5.0 model = ua.match(/^BlackBerry[0-9]*/); if (model) { model_number = model[0].match(/[0-9]+/); var SplitUA = ua.split("/"); os_version = SplitUA[1].substring(0, 3); info = { 'model' : model[0], 'model_number' : model_number[0], 'os_version' : os_version }; } } } else if (ua.indexOf("PlayBook") >= 0) { // PlayBook model = ua.match(/RIM Tablet OS\s[0-9].[0-9].[0-9]/); if (model) { model_number = model[0].match(/[0-9].[0-9].[0-9]/); pos = ua.indexOf("Version/") + 8; os_version = ua.substring(pos, pos + 5); info = { 'model' : model[0], 'model_number' : model_number[0], 'os_version' : os_version }; } } return info; }

Of course, this may be more than you need to simplify it only to “Blackberry 9300 6.0”. I think you could just do this:

 var ua = navigator.userAgent; if (ua.indexOf("BlackBerry") >= 0) { if (ua.indexOf("Version/") >= 0) { // BlackBerry 6 and 7 var model = ua.match(/BlackBerry\s[0-9]*/); if (model) { var model_number = model[0].match(/[0-9]+/); if (model_number) model_number = model_number[0]; pos = ua.indexOf("Version/") + 8; os_version = ua.substring(pos, pos + 3); if (os_version === '6.0' && model_number === '9300') { // do what you need specifically for this } } } }

For a better analysis of all User Agents, see ua-parser

https://github.com/tobie/ua-parser/

+6
source

More articles:


All Articles