7

Qualcuno può spiegare perché ricevo un avviso HTML1504: Unexpected end tag quando si utilizza l'API di visualizzazione di Google per visualizzare un grafico?Perché Google Visualization causa errori di tag di fine imprevisto HTML1504?

Ho eseguito il debug di un sito Web in cui il grafico veniva visualizzato correttamente in Firefox, ma non mostrava alcun dato in IE11. Alla fine ho risolto il problema (un formato di data non valido gestito da IE11 in modo diverso per Firefox), ma ho perso un sacco di tempo cercando di rintracciare l'errore sopra riportato.

Il mio codice è basato sul codice di esempio https://developers.google.com/chart/interactive/docs/quick_start, che dà lo stesso messaggio. Niente di spiacevole si presenta in JSLint o nel validatore HTML W3C.

L'avviso scompare se commento la riga google.load('visualization', '1.0', {'packages':['corechart']}); ma ciò ovviamente arresta anche il grafico. La modifica delle impostazioni di compatibilità di IE11 non sembra avere alcun effetto.

L'errore è visibile nella console di sviluppo di IE11, ma nulla di equivalente viene visualizzato nella console, nella console del browser o nella console di Firebug in Firefox. IE11 segnala che l'errore è stato attivato dal tag </script> alla fine del mio codice grafico (questo è inline javascript, piuttosto che un file separato). La rimozione del tag </script> causa errori HTML (come previsto!)

Sono incuriosito dal fatto che una chiamata di funzione in Javascript dovrebbe essere in grado di causare un errore nell'HTML circostante. Il messaggio di avviso è significativo? Può essere evitato?

+0

Hai trovato una soluzione per questo? Sto riscontrando lo stesso comportamento in IE11 quando utilizzo l'API di feed AJAX di Google. Non succede in IE10 né in altri browser, solo IE11. –

+0

Non ho paura. Immagino che quando inserisce il codice nel DOM, o lo script Chart di Google non funzioni correttamente in IE11, o IE11 tenta di eseguire il rendering della pagina quando è solo metà scritta. Ho preso l'opzione semplice di utilizzare un browser meno problematico ... – JRI

+0

Se sei ancora interessato, ho trovato alcune informazioni che mi sono state utili durante la risoluzione dei problemi. Potrebbe essere di tuo interesse: http://stackoverflow.com/questions/18337630/what-is-x-content-type-options-nosniff https://www.collaboris.com/blogs/collaboris-blog /mark-jones/2013/02/18/the-ie10-nosniff-issue-in-sharepoint-2013#.VOb5O_nF_zE https://www.collaboris.com/blogs/collaboris-blog/mark-jones/2013 /02/18/the-ie10-nosniff-issue-in-sharepoint-2013#.VOb5O_nF_zE –

risposta

0

Ho avuto lo stesso problema su MS bordo + Win 10. Nessun allarme con la nuova pala:

<!DOCTYPE html><html><head> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
    google.charts.load('current', {'packages':['corechart']}); 
    </script> 
</head> 
<body></body> 
</html> 

Google classifiche che vengono caricati con JSAPI, non vengono più aggiornati se non assolutamente necessario.

Problemi correlati