链接中的锚点

Question

给定：

• Tom — 拥有支持 pushState 的现代浏览器
• Fred — 浏览器不支持 pushState
• 由 Backbone 提供支持的 super.app Web 应用程序

Tom 浏览到存在#special-offer 部分的products/1 页面。

Backbone 是否允许 Tom 与 Fred 共享链接，包括指向特价部分的锚点：http://super.app/products/1#special-offer

Fred 会被重定向到http://super.app/#products/1（例如：没有#special-offer）吗？

换句话说，Backbone 是否允许使用锚点？

Answer 1

我在这里进行了测试http://bl.ocks.org/abernier/raw/3183257/

看来是：

• 锚点可用于支持 pushState 的浏览器：http://bl.ocks.org/abernier/raw/3183257/product1.html#special-offer
• 对于 IEhttp://bl.ocks.org/abernier/raw/3183257/#product1.html 例如：没有#special-offer

我唯一需要注意的是禁用基于哈希的历史浏览器的锚点，方法是：

if (!Backbone.history._hasPushState) {
  $('body').delegate('a[href^=#]', 'click', function (e) {
    e.preventDefault();
  });
}

Answer 2

Backbone 在其模块Router 和History 中有一个非常可定制的hash URL 片段。