＃とBackbone.jsルータを使用してください！

Question

バックボーンルータを使用している場合、「ページ」ルートが#pageとして扱われます。

私は＃を作ることができます！ ＃の代わりにデフォルトで？

私はHTML 4ブラウザで＃を使用したいと考えています！ （http://example.com/#!/page/subpage）、html5履歴を持つブラウザでは、 "！page"をルートとして使用せずにhttp://example.com/page/subpageのような通常のアドレスを使用します。

"＃！" ajaxページをクロール可能にすることです。詳細については、http://code.google.com/web/ajaxcrawling/を参照してください。 Backbone.Historyモジュールが使用するハッシュタグがハードでコーディングされているようBACKBONE.JSソースを見た後、それが見えます

Answer 1

私は、次のアプローチを使用するdediced：

//Create the Route without routes (just the functions) 
App.Router = Backbone.Router.extend({ 
    "quem-somos": function() { 
     alert("quem-somos"); 
    } 
}); 
//test for html5 history using Modernizr and instantiate the Route with normal urls for true and prefixed routes for false 
if(Modernizr.history){ 
    App.routePrefix=""; 
    App.router = new App.Router({ 
     routes:{ 
      "quem-somos" : "quem-somos" 
     } 
    }); 
}else{ 
    App.routePrefix="!/"; 
    App.router = new App.Router({ 
     routes:{ 
      "!/quem-somos" : "quem-somos" 
     } 
    }); 
} 
Backbone.history.start({pushState: true}); 
//Call navigate when clicking a button 
    App.router.navigate(App.routePrefix+"quem-somos",{trigger: true, replace: true}); 

私は、各ブラウザのサポートのためのhttp://example.com/quem-somosとhttp://example.com/#!/quem-somosを得るこの方法を。

Answer 2

。

これを変更する最も簡単な方法は、ライン741（バックボーンに、ソース自体を変更することです0.5.3）：

var hashStrip = /^#*/; 

は、次のように変更します。

var hashStrip = /^#!*/; 

ます。また01内navigate機能を変更する必要がありますを確認して "！"表示されます。ライン863上：原因それはBACKBONE.JSで書かれていたかを、私は修正するために、よりエレガントな方法があるかわからない、

残念ながら

window.location.hash = this.fragment = "!" + frag; 

：

window.location.hash = this.fragment = frag; 

に変更する必要がありますこの。

Answer 3

あなたは自分のルートに!/を追加することができます。

routes: { 
    "!/help":     "help", // #!/help 
    "!/page/:subpage":  "search", // #!/search/kiwis 
    "!/page/:subpage/p:page": "search" // #!/search/kiwis/p7 
}, 

その後、あなたは完全なhttp://example.com/#!/page/subpage URLを取得します。