Question

When using Backbone Router it will treat a “page” route as #page.

Can i make #! as default instead of just # ?

I would like to make html 4 browsers use #! (http://example.com/#!/page/subpage) and browsers with html5 history use normal address like http://example.com/page/subpage without having to use “!page” as the route.

“#!” is to make the ajax page crawlable. See http://code.google.com/web/ajaxcrawling/ for more info.

Answer 1

I dediced to use the following approach:

//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});

This way i get http://example.com/quem-somos and http://example.com/#!/quem-somos for each browser support.