Question

I want to exclude the jQuery Mobile JS library from my header when a phone does not have “A grade” support as listed by jQuery Mobile (http://jquerymobile.com/gbs/). I find that on old Blackberry phones (that support JS) the jQM framework grinds these phones to a snails speed.

As an example these guys do a good job at serving up the jQuery Mobile library and associated styles depending on the mobile browser support: demo.livebookings.biz

How can I implement a similar server-side approach so that I can choose when to include JS files (e.g. jQM framework) and any CSS files as per the mobile browser support.

Thanks

Answer 1

The jQM functionality is Client Side, More on this here:

• http://jquerymobile.com/demos/1.0/docs/api/globalconfig.html

gradeA function that returns a boolean, default: a function returning the value of $.support.mediaquery

Any support conditions
that must be met in order to proceed.

For Server Side you would need something like

• http://code.google.com/p/mobileesp/
• http://wurfl.sourceforge.net/

I’ve used Mobile ESP before and have had great results with it. It’s also easy to extend/customize

• http://code.google.com/p/mobileesp/source/browse/PHP/mdetect.php