How does facebook rewrite the source URL of a page in the browser address bar?

by

It’s using HTML5’s new history.pushState() feature to allow the page to masquerade as being at a different URL to that from which it was originally fetched.

This seems only to be supported by WebKit at the moment, which is why the rest of us are seeing ?v=wall#!/facebook?v=info instead of ?v=info.

The feature allows dynamically-loaded pages to be properly bookmarked, exchanged etc between JS-supporting and non-JS-supporting user agents. Because if you as a JS user linked someone to ?v=wall#!/facebook?v=info and their browser didn’t support JS and XMLHttpRequest, the page wouldn’t work for them. The #! is also used as a tip to search engines to download the non-AJAX version.

More Related Contents:

  1. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  2. How can I detect changes in location hash?
  3. Maximum call stack size exceeded error
  4. Submit form without page reloading
  5. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  6. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  7. load scripts asynchronously
  8. Submitting a form on ‘Enter’ with jQuery?
  9. Refresh/reload the content in Div using jquery/ajax
  10. Set timeout for ajax (jQuery)
  11. Using HTML5 file uploads with AJAX and jQuery
  12. Video auto play is not working in Safari and Chrome desktop browser
  13. How to use CSS (and JavaScript?) to create a blurred, “frosted” background?
  14. Remove hash from url
  15. Want HTML form submit to do nothing
  16. How do I abort image load requests without using window.stop()
  17. Is there a best practice for generating html with javascript
  18. What are the differences between history.pushState & location.hash? [closed]
  19. Get HTML code using JavaScript with a URL
  20. How to replace html element with ajax response?
  21. Remove fragment in URL with JavaScript w/out causing page reload
  22. Is there a way to use the Web Audio API to sample audio faster than real-time?
  23. how to use jQuery ajax calls with node.js
  24. Drag-and-drop file upload in Google Chrome/Chromium and Safari?
  25. jQuery DataTables “No Data Available in Table”
  26. New Webkits convert decimal comma to ~ dot and vice versa in number-type inputs. Javascript name of that browser feature?
  27. Twitter-style autocomplete in textarea
  28. Scrolling Overflowed DIVs with JavaScript
  29. Freeze Header until Irrelevant (HTML, CSS and JS)
  30. Cross-Origin resource sharing and file://

Leave a Comment