2011-02-10 13 views
12

¡Estaba navegando por el pensamiento de GitHub hoy y noté que la navegación del repositorio individual no usa hash-bangs en la URL/#! o/y el botón Atrás aún funciona. ¿Cómo crees que están logrando esto? ¿Cómo afecta esto al motor de búsqueda que se arrastra desde Googlebot? Sé que busca # en la url.Navegación dinámica de origen de GitHub

Soy bastante curioso, ya que sé que usar/# es bastante discutible.

He aquí un ejemplo: https://github.com/mirah/pindah

Gracias!

+0

posible duplicado de [Cómo hacer cambios de página sin problemas impresionantes como GitHub] (http://stackoverflow.com/questions/4664166/how-to-do-awesome-refreshless-page-changes-like-github) – Bergi

Respuesta

10

El efecto se implementa history.pushState() function and handlers on the popstate event - tanto una parte de la interfaz HTML5 DOM en algunos navegadores.

Al hacer clic en el enlace se usa pushState() para actualizar la ubicación y cargar nuevos datos en la página sin tener que volver a cargar toda la página. El manejo popstate hace que el botón Atrás funcione correctamente.

El blog GutHub llama a su uso particular el "Tree Slider" (carga el contenido de los miembros del árbol y lo desliza visualmente en su lugar). El efecto y su implementación se describió en el GitHub blog.

Cuestiones relacionadas