<ons-page id="page1">
<div id="myBox"></div>

<!-- ADD DETECT_JS IN LIBRARIES TO DEMO FUNCTIONALITY -->

<script>
var ua = detect.parse(navigator.userAgent);

var output = ua.browser.family + "</br>" +
ua.browser.name + "</br>" +
ua.browser.version + "</br>" +
ua.browser.major + "</br>" +
ua.browser.minor + "</br>" +
ua.browser.patch + "</br>" +

ua.device.family + "</br>" +
ua.device.name + "</br>" +
ua.device.version + "</br>" +
ua.device.major + "</br>" +
ua.device.minor + "</br>" +
ua.device.patch + "</br>" +
ua.device.type + "</br>" +
ua.device.manufacturer + "</br>" +

ua.os.family + "</br>" +
ua.os.name + "</br>" +
ua.os.version + "</br>" +
ua.os.major + "</br>" +
ua.os.minor + "</br>" +
ua.os.patch;

$('#myBox').html(output);
</script>
</ons-page>