GitHub源码动态导航

Question

我今天在浏览 GitHub，发现单个存储库导航没有在 URL /#! 中使用 hash-bangs。或 /# 并且后退按钮仍然有效。你认为他们是如何做到这一点的？这对从 Googlebot 抓取的搜索引擎有何影响？我知道它会在 url 中查找 #。

我真的很好奇，因为我知道使用 /# 是值得商榷的。

这是一个例子：https://github.com/mirah/pindah

谢谢！

Answer 1

他们不久前在博客上写过：

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

Answer 2

该效果已实现 history.pushState() function and handlers on the popstate event — 两者都是某些浏览器中 HTML5 DOM 接口的一部分。

单击链接使用pushState() 更新位置并将新数据加载到页面中，而无需重新加载整个页面。处理popstate 使后退按钮正常工作。

GutHub 博客将它们的特殊用法称为“树滑块”（它为树成员加载内容并在视觉上将其滑动到位）。效果及其实现在GitHub blog上有所描述。