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

its*_*lid 17 javascript ajax url history facebook

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

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

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

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

多谢你们.

PS无法在IE8上运行,尚未在IE9测试版上测试过.

Nat*_*ten 20

Facebook正在使用HTML5中的历史API.在这篇博客文章中,您可以看到它是如何工作的.基本上他们正在调用下面的调用来更改URL而不重新加载页面.

window.history.pushState("object or string", "Title", "/new-url");
Run Code Online (Sandbox Code Playgroud)

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

遗憾的是,IE9不支持这种api.新版Chrome和FF完全支持.

  • 我刚刚发现你可能想看看这个jquery插件.对于处理这个问题似乎相当不错,而且它会降低以处理不支持HTML5的浏览器.http://www.asual.com/jquery/address/ (2认同)