L'applicazione Web Backbone.js non è utilizzabile su Internet Explorer

Question

Ho sviluppato la mia applicazione Web senza eseguirne il test su IE. Anche se ha funzionato bene su tutti i browser vale. Chrome, Firefox, Safari ma quando si tratta di IE c'è un comportamento strano.

A volte l'applicazione viene caricata e alcune volte viene caricata una pagina vuota come se nessuno degli eventi di "bind" avesse alcun effetto.

E i tempi fortunati in cui l'app viene caricata, il pannello di navigazione è parzialmente mancante. Non posso mostrarti il ​​codice in questo momento, perché non sono sicuro di quale parte mostrare e dove sto sbagliando.

Se qualcuno di voi può fornirmi una lista di controllo su cosa controllare e quali strumenti sarebbero ideali per il debug su IE, sarebbe fantastico.

E se qualcuno di voi può dirmi i più comuni bug backbone.js su IE, anche quello sarebbe di aiuto.

PS: La versione di IE sto testando con: IE8

Answer 1

Alcuni problemi in IE sono:

Trailing virgole su oggetti:

Ad es

App.model = Backbone.Model.extend({ 
    url: "/foo/bar", 

    validate: function() { 
    }, 
}); 

dovrebbe essere:

App.model = Backbone.Model.extend({ 
    url: "/foo/bar", 

    validate: function() { 
    } 
}); 

L'uso di funzioni che non sono disponibili in Internet Explorer come lastIndexOf()

Una terza cosa da controllare è HTML non valido. IE può essere particolarmente pignolo per la tua struttura HTML. Assicurarsi che tutti i tag aperti o hanno una stretta corrispondenza tag, o sono a chiusura automatica con />

Se si utilizza metodi JSON, come JSON.parse() e JSON.stringify() quindi essere sicuri di includere una libreria JSON, come JSON2.

Answer 2

Se si utilizza Windows 7, è necessario eseguire l'aggiornamento a IE9. Quindi puoi utilizzare gli strumenti di sviluppo di IE per eseguire il debug della tua pagina. È simile all'utilizzo di firebug o degli strumenti di sviluppo webkit. Con gli strumenti di sviluppo di IE, puoi anche tornare a IE7.

Se si utilizza XP, è necessario ottenere Windows 7 e quindi eseguire l'aggiornamento a IE9.

Inoltre, è necessario utilizzare qualcosa come es5 shims. Questo fornisce funzionalità javascript che è presente nei browser moderni, ma non vecchie versioni di IE.

Answer 3

binding dinamico non è supportato da MSIE < 10, ma il suo lavoro in MSIE 10. I codici jQuery come .Show() ,. nascondere() potrebbe funzionare in binding statico, ma in caso di backbone, Nodo come frame work che utilizza associazione dinamica, template e altra tecnologia potrebbe non funzionare su di esso MSIE 10 sarà in grado di catturarlo

Answer 4

Ho trovato che i tuoi modelli HTML devono essere ben formati HTML. Chrome e Firefox sembrano molto più tolleranti ma con IE 8, l'inclusione di un brutto ha causato la visualizzazione di una vista vuota.