As per this official article on Chrome web, the proper way to set the height to fill the visible viewport is with height: 100%, either on the <html> element or on a position: fixed element. As the document describes, this ensures compatibility with mobile Safari and is independent of how large the URL bar is.
I know this is old, but I have to add this in here.. And while this is not a full answer, it is an ‘IN ADDITION TO’ The address bar will not disappear if you’re NOT using https. ALSO If you are using https and the address bar still won’t hide, you might have some … Read more
HTML5 introduces a hashchange event which allows you to register for notifications of url hash changes without polling for them with a timer. It it supported by all major browsers (Firefox 3.6, IE8, Chrome, other Webkit-based browsers), but I’d still highly suggest to use a library which handles the event for you – i.e. by … Read more
Not sure of the side effects of this, but it gets the job done. Note that it will disable all location manipulation from the angular app, even if intended. angular.module(‘sample’, []) .config( [‘$provide’, function ($provide){ $provide.decorator(‘$browser’, [‘$delegate’, function ($delegate) { $delegate.onUrlChange = function () {}; $delegate.url = function () { return “”}; return $delegate; }]); … Read more
The way to do this is to manipulate location.hash when AJAX updates result in a state change that you’d like to have a discrete URL. For example, if your page’s url is: http://example.com/ If a client side function executed this code: // AJAX code to display the “foo” state goes here. location.hash=”foo”; Then, the URL … Read more
With HTML5 you can modify the url without reloading: If you want to make a new post in the browser’s history (i.e. back button will work) window.history.pushState(‘Object’, ‘Title’, ‘/new-url’); If you just want to change the url without being able to go back window.history.replaceState(‘Object’, ‘Title’, ‘/another-new-url’); The object can be used for ajax navigation: window.history.pushState({ … Read more
Firefox 3.0 and higher have disabled setting location by default. resizable and status are also disabled by default. You can verify this by typing `about:config’ in your address bar and filtering by “dom”. The items of interest are: dom.disable_window_open_feature.location dom.disable_window_open_feature.resizable dom.disable_window_open_feature.status You can get further information at the Mozilla Developer site. What this basically means, … Read more