¿Cómo puedo cambiar la URL sin actualizar la página como Google+?

Question

Cuando estaba examinando Google+, me sorprende cuando veo el uso de las URL. Las URL de perfil de Google cambian sin actualizar la página. Por ejemplo, esta es una URL de pestaña de fotos: https://plus.google.com/104560124403688998123/photos Cuando hace clic en la pestaña Videos, la URL va exactamente a https://plus.google.com/104560124403688998123/videos sin refrescar la página. ¿Cómo codifica Google el éxito?

Answer 1

Echa un vistazo a la historia del objeto https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

Especialmente history.pushState y history.replaceState

(cabe mencionar que esto sólo funciona en los navegadores modernos, para los antiguos usar hashes).

Answer 2

Puede intentar con un hash. Esta no es la forma en que Google lo hace, pero no forza una actualización. En Javascript, puede utilizar

parent.location.hash = "Text"; 

de manera que la dirección URL será http://yoursite.com/yourpage#text

Editar: Esto parece ser nuevo en Google+. Gmail utiliza un hash como

https://mail.google.com/mail/u/1/#inbox/130f48da33c5330 

Answer 3

Esto es sobre HTML 5. eche un vistazo a "onpopstate event". Para más información vaya al enlace. http://spoiledmilk.dk/blog/html5-changing-the-browser-url-without-refreshing-page

Answer 4

Puede intentar con un estado push. Puede cambiar la URL a otra URL dentro del mismo dominio, pero no puede cambiar el dominio por razones de seguridad. En Javascript, puede usar.

window.history.pushState ("objeto o cadena", "Título", "/ new-url");

Objeto y la secuencia es su dominio ex. www.google.co.in título puede dar lo que quiera. y, por último, coloca una nueva URL. 'webhp? source = search_app'

ex. window.history.pushState ("www.google.co.in", "Google", "/ webhp? source = search_app");