Backbone Routing pushState in IE

Html5 History pushState 功能，除了 IE 9 以下(含 IE 9)不支援 history.pushState() 跟 history.replaceState()，其他 Browser 幾乎都支援了，在 Backbone.js 如何處理 URL 變化呢？以往透過 handle URL hash 來決定網頁要處理哪些資料，這也是 Backbone 預設的處理方式，範例如下 URL:

http://xxx/#!/user/list http://xxx/#!/user/add

Backbone.Router.extend({
  routes: {
    "!/user/:action": "user"
  },
  initialize: function() {

  },
  user: function(action, id) {
    
  }
});
Backbone.history.start();

http://xxx/user/list http://xxx/user/add

Backbone.Router.extend({
routes: {
“/user/:action”: “user”
},
initialize: function() {

}, user: function(action, id) {

} }) Backbone.history.start({pushState: true, root: ‘/’});此作法在支援 html pushState 時候是可以按照您定義的 url 運作，但是在 IE 9 版本，網址就會被改成 URL:

http://xxx/#/user/list http://xxx/#/user/add 一樣會被加上 hash 值，該如何解決此問題呢，請把 Backbone.history.start 改成

Backbone.history.start({pushState: true, hashChange: false, root: '/'});

hashChange property 為 false，讓 IE 9 不要使用 # 來取代網址，這樣就沒問題了。

See also

• html5-boilerplate 打算不支援 IE8 瀏覽器
• Backbone.js 1.1.1 Release 釋出 AMD 版本
• Javscript 18 歲生日歷史演進
• jquery-serialize-object 不支援 IE7,8 瀏覽器?
• 將 Backbone Framework 升級到 1.1.0 注意事項
• CodeIgniter REST Server with Backbone.js Issue
• Coding on workspace of Chrome Developer tools
• IE 6 瀏覽器用戶全球分佈
• [小技巧] JavaScript Cross Browser Best Practices
• Backbone.js rewrite into CoffeeScript?