On iPhone and iPod touch, automatically hide Mobile Safari's URL text field on page load, orientation changes, and resize.

hideurltextfield.js

/*! gist.github.com/4494626 | (c) 2013 Peter T Bosse II | Apache license */
/*jshint camelcase:true, curly:true, eqeqeq:true, quotmark:single, unused:true, laxbreak:false, onevar:true, latedef:true, trailing:true, indent:2, white:true, strict:true, browser:true, devel:true, jquery:true, prototypejs:true, undef:true */

(function () {
  'use strict';

  // Inspired by: <http://www.apress.com/9781430230458>
  //   Beginning iPhone & iPad Web Apps: Scripting with HTML5, CSS3, & JS
  //   Chapter 4: Pages 85-86: Hiding Mobile Safari's Address Bar

  // Inspired by: <http://bit.ly/drwur7>
  //   Doing It Right: Hiding the iPhone URL Text Field

  function hideURLTextField() {
    if (/iP(hone|od)/.test(navigator.platform) && !navigator.standalone) {
      document.body.style.height = (window.innerHeight + 60) + 'px';
      window.setTimeout(function () {
        window.scrollTo(window.pageXOffset, window.pageYOffset);
        document.body.style.height = window.innerHeight + 'px';
      }, 0);
    }
  }

  document.addEventListener('DOMContentLoaded', hideURLTextField, 0);
  window.addEventListener('orientationchange', hideURLTextField, 0);
  window.addEventListener('resize', hideURLTextField, 0);

})();

hideurltextfield.min.js

/*! gist.github.com/4494626 | (c) 2013 Peter T Bosse II | Apache license */
(function(){'use strict';function a(){/iP(hone|od)/.test(navigator.platform)&&!navigator.standalone&&(document.body.style.height=window.innerHeight+60+'px',window.setTimeout(function(){window.scrollTo(window.pageXOffset,window.pageYOffset),document.body.style.height=window.innerHeight+'px'},0))}document.addEventListener('DOMContentLoaded',a,0),window.addEventListener('orientationchange',a,0),window.addEventListener('resize',a,0)})();