实现github.com文件无缝文件导航

Question

我刚刚注意到浏览github存储库时最近的一次更改。选择文件或文件夹时，新文件将滑入并推出旧文件。这很容易与jquery一起使用，但真正不同的是URL本身实际上发生了变化，因此书签仍然有用。我一直在努力为我正在处理的图书导航网站创建这个，但是如果没有整页刷新就无法更新网址。关于github如何做到这一点的任何想法？

Answer 1

它正在使用新的HTML5 API history.pushState / history.replaceState来执行此操作（因此它仅适用于现代浏览器）。

有关详细信息，请参阅https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history#Adding_and_modifying_history_entries。

如果您想为所有浏览器提供解决方案，那么您必须坚持修改片段（＃之后的位）

Answer 2

我没有查看底层代码，但我相信它是Web历史记录和位置的新HTML5规范的组合（好吧，位置很旧，但它是更新的规范）。

• Mozilla docs
• W3C history spec
• W3C location spec

W3C规范非常详细（毕竟，它们是规格），因此很难阅读。我认为这个other answer on Stack Overflow是正确的方向。

您必须记住，这是HTML5规范的一部分，因此并非每个浏览器都能够处理此功能。我们正在工作的项目中构建这种类型的导航，如果浏览器不支持此功能，那只是常规页面刷新。