Question

我现在把事情弄得一团糟。我更新了Backbone.js 0.9.1，更新为基于斜杠的URL并开始使用pushstate:true。 5天后，我在IE9上测试我的应用程序，并且URL不会粘在他们链接到的页面上。

我做了类似的事情：

main.html中

<a href="/signup">Do Signup</a>

浏览器转到mydomain.com/signup一秒钟，然后跳转回主网址为mydomain.com/#signup的main.html。

恢复到pushstate:true确实可以解决简单链接的问题，但会破坏我定义路由器的路径，例如......

SignupRouter = Backbone.Router.extend({
  routes: {
    'signup': 'signup',
    'signup/:key': 'confirm'
  }, initialize: function() {
    // do some stuff here
  }, signup: function() {
    // signup view
  }, confirm: function() {
    // confirm view
  }
});

如果我不使用pushstate，我必须回到为每个页面创建一个单独路由并根据服务器端变量加载路由器的策略（我知道非常原始）：

SignupRouter = Backbone.Router.extend({
  initialize: function() {
    // signup view
  }
});

ConfirmSignupRouter = Backbone.Router.extend({
  initialize: function() {
    // confirm view
  }
});

是否有一些IE友好的方式（IE7~9）？服务器端的一些解决方法？什么？

Answer 1

如果关闭pushState使其在不支持它的浏览器中工作，那么尝试使用主干PushState测试来预先关闭它（此代码基于Backbone源中的_hasPushState变量）：

// Enable pushState for compatible browsers
var enablePushState = true;  

// Disable for older browsers
var pushState = !!(enablePushState && window.history && window.history.pushState);

Backbone.history.start({ pushState: pushState });

Backbone.js：在Internet Explorer中使用pushstate实现基于斜杠的URL的解决方法

1 个答案: