GitHub source dynamic navigation

好久不见. 提交于 2019-12-17 10:44:13

问题


I was browsing thought GitHub today and noticed that the individual repository navigation doesn't use hash-bangs in the URL /#! or /# and the back button still works. How do you think they are accomplishing this? How does this affect search engine crawling from Googlebot? I know it looks for # in the url.

I'm really quite curious as I know using /# is quite debatable.

Here's an example: https://github.com/mirah/pindah

Thanks!


回答1:


They blogged about it a while back:

https://github.com/blog/760-the-tree-slider




回答2:


The effect is implemented history.pushState() function and handlers on the popstate event — both a part of the HTML5 DOM interface in some browsers.

Clicking the link uses pushState() to update the location and load new data into the page without reloading the whole page. Handling popstate makes the back button work correctly.

The GutHub blog calls their particular usage the “Tree Slider” (it loads the content for tree members and visually slides it into place). The effect and its implementation was described on the GitHub blog.



来源:https://stackoverflow.com/questions/4952554/github-source-dynamic-navigation

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!