Gmail如何让IE Back工作而不刷新？

Question

Gmail在您点击邮件时使用#来区分页面(+ Ajax操作). http://mail.google.com/mail/#inbox/1238e709e37a1394

我发现: Google使用#而不是搜索？在URL中.为什么？

在FF或Chrome中,您可以使用前进和后退而不刷新这些网址:http : //X.com/MyPage.aspx#1 http://X.com/MyPage.aspx#2 http://X.com/ MyPage.aspx#3

但是在IE上页面刷新并且在进行后退操作时它不计算#之后的参数.

Gmail如何让魔术发生？

Answer 1

我可以给你答案,因为我已经面对并解决了这个问题.

首先要了解一些概念:

1. javascript无法直接更改浏览器历史记录.
2. 每当页面中iframe的基本URL发生更改时,历史记录都会更新.(但这有一些不同浏览器的怪癖).
3. url有一个"散列"部分:例如,在URL中http://mail.google.com/mail#inbox,#inbox是散列部分.让我们称之为"哈希".这http://mail.google.com/mail将是我们的"基本URL".

GMail跟踪历史记录主要使用基于此"哈希"的技巧来完成.

那么,还有一些概念:

1. 当地址栏中的URL发生更改时,历史记录会更新(之前的URL会进入历史记录)
2. 更改基本URL后,将重新加载页面.
3. 当URL的哈希部分发生更改而基本URL未更改时,不会重新加载页面.

所以,当你去http://mail.google.com/mail#inbox到http://mail.google.com/mail#sent时,页面没有得到刷新.

现在,如果GMail要在哈希值发生变化时收到事件通知,那么gmail可以根据它采取行动.不幸的是,没有任何DOM事件可以帮助我们捕获历史记录操作.所以相反(这是显示我如何克服问题的部分),我们运行一个无限循环来检查哈希的变化.如果它观察到变化,那么我们检测到点击浏览器的"后退"或"前进"按钮.

在解决这个问题时,我提出了一个方便的工具:URL解析器.它可以解析URL中的GET参数,以及哈希中编码的参数.让演示一试!

干杯!

关于IE中的这个问题:我没有意识到这种基于'哈希'的解决方案不适用于IE(可怜的旧Linux开发人员).

但对于IE,您可以使用隐藏的iframe,并使用其"url affect history"属性来实现历史记录.我知道这个陈述缺乏细节,但这源于我自己缺乏IE的经验.

我会尝试这个解决方案,并跟进:)

我在互联网上找到了许多链接,使用iframes/location hash正确实现了历史记录.我没有耐心去挖掘各种浏览器上的iframe界面之间的差异.

我想我更喜欢jquery插件.YUI也有历史经理.

干杯!

Answer 2

这就是我正在寻找的： http://nix.lv/history/demo.html#3

找到它： 将锚点保存在ie6历史记录中