Saving a hash of a URL when changing a page

Question

We use hashes in the URL to preserve the state of the page in the application (for example, like the one that has the focus tab). Ala page.html#/tabs:foo/f-name:bar .

When submitting the form, some inconsistencies appear on the page. Chrome will reload the page using hash data. However, Firefox will revert to what was in the URL when the page was first loaded. (i.e. if you update with a hash, this hash falls into the form submission)

What is “correct” according to the specification, and how should we handle it? We want to keep this information about the URL and page state for page loading.

Is there a library that deals with this nicely, or do I just need to store / restore this information from a temporary cookie?

Answer 1

Make the function that you use to change the hash (as opposed to directly changing window.location.hash), and in this function, draw all the links on the page by deleting the old line and adding the argument as a new hash, then update document.location.hash with an argument.