AngularJS在IE6和IE7中实现历史记录支持

在使用 AngularJS 路由 开发单页应用 (SPA) 时，我遇到了一个挑战：需要支持 IE7（包括 IE8 的 IE7 兼容模式）。为了确保浏览器的历史记录功能正常工作，即使需要使用 jQuery 插件也在所不惜。

解决方案

我仔细研究了 AngularJS 源代码中的 sniffer.js、location.js 和 browser.js，以了解历史记录功能的工作机制。核心逻辑是：如果浏览器支持历史记录（即 $sniffer.history 为 true），则使用历史 API；否则，直接写入 location.href 或 location.replace(url)。具体细节可以在 browser.js 第 149 行的 $browser.url(url, replace) 方法中找到。

因此，如果 AngularJS 只是写入 location，那么像 Ben Alman 的 BBQ 这样的 jQuery 插件会检测到这个事件，因为它们会轮询 location.hash 的变化。通过简单地包含 Ben 的 hashchange 插件（BBQ 的一个子集）并添加一些基本的事件触发和监听，我成功地在 IE8（IE7 模式下）实现了这一功能：

$(function () {
  $(window).hashchange(function() {
    // 不要删除这个空处理程序，否则 IE6/7 的历史记录将无法工作。
  });
  // 首次加载时触发 hashchange 事件
  $(window).hashchange();
});

需要注意的是，jQuery hashchange（以及 BBQ）在第 300 行使用了已弃用的 $.browser.msie。根据 Ben 博客文章评论中的建议，应改为使用 (document.documentMode != undefined)。