Programmazione.it v6.4
Ciao, per farti riconoscere devi fare il login. Non ti sei ancora iscritto? Che aspetti, registrati adesso!
Info Pubblicità Collabora Autori Sottoscrizioni Preferiti Bozze Scheda personale Privacy Archivio Libri Corsi per principianti Forum
Greenpeace
Guida ad HTML5: supporto dei browser (3/6)
Scritto da Pellegrino Principe il 25-05-2010 ore 11:52
Intel Parallel Studio XE
La funzione per il test del supporto di un elemento audio, che consente di effettuare il playback di musica e suoni in una pagina web è la seguente:
  1. hasAudio: function ()
  2. {
  3.    return Boolean(document.createElement("audio").canPlayType);
  4. }
La funzione seguente, invece, fa visualizzare a video un messaggio, che indica se l’elemento audio è supportato dal corrente browser:
  1. supportAudio: function ()
  2. {
  3.     // test per supporto audio
  4.     var audio_supported = HTML5.Features.hasAudio();
  5.  
  6.     var _tx = audio_supported ? ApplicationTest.text.replace("#", "supporta") :
  7.     ApplicationTest.text.replace("#", "non supporta");
  8.  
  9.     var text_node_obj = document.createTextNode(_tx + " audio");
  10.     ApplicationTest.ph.appendChild(text_node_obj);
  11.     ApplicationTest.ph.appendChild(document.createElement("br"));
  12. }
La funzione per il test del supporto del web storage, che consente di memorizzare e reperire informazioni sul computer locale dell’utente, è la seguente:
  1. hasWebStorage: function ()
  2. {
  3.    return typeof window.localStorage == "object" &&
  4.           typeof window.sessionStorage == "object";
  5. }
Si noti che il check del supporto del web storage viene effettuato verificando se l’oggetto window contiene le proprietà localStorage e sessionStorage, che devono essere di tipo oggetto. Per la visualizzazione del messaggio di esito del test, invece, la funzione è:
  1. supportWebStorage: function ()
  2. {
  3.     // test per supporto del web storage
  4.     var web_storage_supported = HTML5.Features.hasWebStorage();
  5.  
  6.     var _tx = web_storage_supported ? ApplicationTest.text.replace("#", "supporta") :
  7.     ApplicationTest.text.replace("#", "non supporta");
  8.  
  9.     var text_node_obj = document.createTextNode(_tx + " web storage");
  10.     ApplicationTest.ph.appendChild(text_node_obj);
  11.     ApplicationTest.ph.appendChild(document.createElement("br"));
  12. }
La funzione per il test del supporto alle applicazioni web offline, è la seguente:
  1. hasOfflineWebApplication: function ()
  2. {
  3.    return !!window.applicationCache;
  4. }
dove viene verificato se l’oggetto window contiene la proprietà applicationCache, che rappresenta l’oggetto da manipolare per la gestione della cache dell’applicazione web. Il messaggio di esito del test avrà invece la seguente funzione:
  1. supportOfflineWebApplications: function ()
  2. {
  3.     // test per supporto alle offline web application
  4.     var offline_web_applications_supported = HTML5.Features.hasOfflineWebApplication();
  5.  
  6.     var _tx = offline_web_applications_supported ? ApplicationTest.text.replace("#", "supporta") :
  7.     ApplicationTest.text.replace("#", "non supporta");
  8.  
  9.     var text_node_obj = document.createTextNode(_tx + " offline web applications");
  10.     ApplicationTest.ph.appendChild(text_node_obj);
  11.     ApplicationTest.ph.appendChild(document.createElement("br"));
  12. }
Precedente: Flowr, collaborare e condividere in azienda (2/2)
Successiva: Guida agli strumenti di navigazione: step navigation e paging navigation
Intervento di andreamk del 27-08-2011 ore 11:48
Plebeo
Plebeo
(7 interventi)
Iscritto il 09-06-2010
Stavo seguendo questa guida passo passo e con firefox 5 la funzione di test delle webstorage da errore e ferma l'esecuzione dello script.

L'ho modificata aggiungendo un try catch.

hasWebStorage: function () {
try {
return typeof window.localStorage == "object" && typeof window.sessionStorage == "object";
}
catch(err) {
return false
}
},
Intervento di andreamk del 27-08-2011 ore 12:03
Plebeo
Plebeo
(7 interventi)
Iscritto il 09-06-2010
Comunque anche cosi non è corretto perchè firefox 5 supporta le webstorage.
Per avere una controprova ho trovato questo ottimo test.
http://html5test.com/
Copyright Programmazione.it™ 1999-2013. Alcuni diritti riservati. Testata giornalistica iscritta col n. 569 presso il Tribunale di Milano in data 14/10/2002. Pagina generata in 0.461 secondi.