如何在不重新加载和#hack的情况下更改窗口位置?

时间:2010-10-22 13:20:59

标签: javascript ajax facebook url history

起初我认为哈希黑客是一个要求,但从Facebook最近的更新来看,我正在考虑其他方式。

原始哈希黑客(我不确定这是否是正确的术语)是通过更改location.hash,可以在URL中保存状态而不刷新页面。谷歌的应用程序和Facebook以及最近的#NewTwitter广泛使用它。然而今天我注意到,如果你使用“现代”浏览器(如chrome或firefox),Facebook将不再拥有这个“#”。我分别通过使用开发人员工具和firebug来检查他们没有重新加载。

使用stackoverflow中的最小搜索,最接近解决方案的是使用Flash - 但是我禁用了Flash,而facebook.com仍然像魅力一样。 从chrome 8 dev和firefox 4 beta的覆盖范围来看,我想知道这可能与HTML5时代的API有关,但Facebook中的代码不是我调试的能力,无法找出他们做了什么。

因为这就像我在这里问的第一个问题,我想知道你们中是否有人已经解决了这个问题。

谢谢你们。

P.S。不适用于IE8,尚未在IE9测试版上测试过。

1 个答案:

答案 0 :(得分:20)

Facebook正在使用HTML5中的历史API。从this blog post您可以看到它是如何工作的。基本上他们正在调用下面的调用来更改URL而不重新加载页面。

window.history.pushState("object or string", "Title", "/new-url");

以下是关于它的HTML5工作草案规范:http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#the-location-interface

可悲的是,IE9不支持这个api。新版Chrome和FF完全支持。