Join Bill Weinman for an in-depth discussion in this video Viewing a sample application, part of HTML5: Managing Browser History.
To demonstrate the HTML5 session history API, I've created a simple photo…browser application.…This is a simple implementation of a very common use of this feature.…Let's take a look at how this works.…I am using the Chrome web browser for most of the course.…Of all the browsers that support the HTML5 session history API, Chrome is…the most consistent.…This application works fine in other browsers as well, as we'll see later in this movie.…Unfortunately, Internet Explorer does not support the HTML5 session history API at all.…
You will also notice that this is running on my server.…You will notice in the location bar at the top it says h5.bw.org.…That's a temporary server that I've set up just for recording this course.…Please do not try to run your lesson files on my server;…that will not work.…You will need your own server to run the lesson files.…We'll look at the code in a lot more detail in the next chapter,…but for now, let's just take a quick tour of how this works.…You will notice that in the location bar, a file name part is Pager-Coffee.html,…
- Manipulating browser history: an overview
- Detecting History API support
- Pushing a new URL onto the stack
- Handling back and forward buttons with the popstate event
- Updating the stack with replaceState()