MOBILE - Read Device Width

by bizamajig

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

<div data-role="page">
    <div data-role="content">
        <p>Some Content</p>
    </div>
</div>

JavaScript

$(window).bind('resize', function () {
    console.log('width = ' + $('[data-role="page"]').width());
    console.log('height = ' + $('[data-role="page"]').height());
}).trigger('resize');