HTML 5 History - Ryan Mulligan

Transcript

1. HTML 5 History Manipulation
2. What is it? Changing the browser history, even the current URL.
3. Who's using it? Github, Facebook, etc.
4. Do browsers support it? http://caniuse. com/#search=histor y
5. What does it replace? Hash hacks, traditional navigation http://example.com/page1/?id=1#preview
6. What can I do with it? add to history stack change top of stack
7. Add to history stack window.history.pushState(data, title [, url ] ) example: window.history.pushState("hello world"," Ryan's Presentation","/ryans-presentation");
8. Modify the top of the stack window.history.replaceState(data, title [, url ] ) example: window.history.replaceState("hello world"," Ryan's Presentation","/ryans-presentation2");
9. Why state? http://dev.w3. org/html5/spec-author- view/history.html#state- object
10. Questions?