Tuesday, 27 August 2013

Emulate jQuery Mobile code inside a div tag on static HTML page

Emulate jQuery Mobile code inside a div tag on static HTML page

I use jquery mobile to design mobile only pages, It's awesome & simple.
But i have a requirement to show in a static HTML page how the mobile
design will be.
For Ex
<div id = "Mobile-View">
If i load the jQuery Mobile code here, the code should render in the same
way inside this div tag like it was rendering in mobile.
</div>
In simple words, i can say i am looking for simple jQuery Mobile emulator
that works on HTML page.
The one way i can think of doing this is, Render the jQuery mobile code in
browser & save the HTML, CSS and use the generated HTML,CSS to display the
same view inside the div tag.
But this way the code become clumsy.
There should be some easier ways to do this..
Any IDEAS?

No comments:

Post a Comment