03-28-2011 03:05 PM
Currently my designs will display perfectly fine in Google Chrome (I read an article a little bit ago that stated that Google Chrome is a good match for local testing before deployment), but as soon as it deploys on to the simulator the page looks almost completely style-less. The second stylesheet applies fine, which doesn't do much all things considered, but the stylesheet that comes with jQuery Mobile fails to attach properly.
The following is the start of the HTML of my main page:
ser-scalable=no" /> <meta id="touch-event-mode" content="native" /> </head> <body> <div data-role="page" id="startPage" data-theme="a"> <div data-role="header" class="appHeader">
I had a previous issue where the second stylesheet wasn't being properly included in Google Chrome, but the fix was to oddly remove the title attribute on the link tags (as odd as that may sound). However, this entire time I have failed to be able to get the mobile stylesheet to be included on the PlayBook and I just can't seem to figure out why. Is there some sort of browser development tool for the simulator that can be used like developer tools for desktop browsers? This feature would help immensely during this process.
Perhaps I'm just missing something?
Any input would be greatly appreciated, this seems to be the last snag I'm experiencing with the PlayBook, everything else works perfectly fine.
03-28-2011 03:45 PM
There were a bunch of other threads on jQuery mobile and one of the versions of it wasn't working on the PlayBook.. a search on jQuery mobile should surface those posts which provide solutions.
03-28-2011 03:58 PM
Thanks for the response, I did a search already on the forum but didn't use the keyword "versions" the first time. Turned up as the first result.
Just to restate, using jQuery 1.5.1 doesn't work on PlayBook, but 1.5 does. Incase someone else is having a problem finding this answer like I was the first time.
Details can be found: Here
03-29-2011 12:59 AM
is there any sort of gap analysis between 1.5 and 1.5.1 that is available to identify what features are not supported (or what key feature is breaking functionality)?
03-29-2011 08:40 AM
Not that I have been able to find. I was hoping that there might even be a developer's tool or something that we may be able to use with the PlayBook browser so I could look in to the issue further, but again I have yet to find one. I don't even see any portion of the browser that would provide feedback on such a page (JS errors, CSS errors, etc.), but perhaps thats simply because what I have been running on the simulator are being run as an app, and not directly as a webpage?
03-29-2011 10:25 AM - edited 03-29-2011 10:27 AM
I have two posts on how to get jQuery Mobile working and on how to debug in playbook
just click on my name and goto the bottom to see my posts (I should probably link them in my signature)
or get the devs to sticky them if they can?
oh well the jQuery one isnt showing, http://supportforums.blackberry.com/t5/Web-Develop
give some kudo's on that so it will show up on my kudo's list