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
Guida ad HTML5: supporto dei browser (1/6)
Scritto da Pellegrino Principe il 18-05-2010 ore 14:12
Intel Cluster Studio XE
Dopo aver esaminato la storia che ha portato alla nascita del linguaggio di markup HTML 5 dobbiamo ora vedere gli attuali browser quali caratteristiche supportano. Diciamo subito che i test saranno effettuati con le ultime versioni dei browser e in particolar modo con delle versioni beta, o comunque con delle versioni non scaricabili per ambienti di produttività.

La scelta di questa motivazione risiede nel fatto che, data la mole di cambiamenti che lo standard richiede, è molto probabile che le ultime versioni dei browser in stato di beta abbiano un'implementazione di molte delle caratteristiche che andremo a esaminare, e che non sono presenti nelle versioni stabili per uso quotidiano.
Scarichiamo, dunque, le versioni dei seguenti browser:Dopo aver installato i suddetti browser, editiamo la seguente pagina HTML, che includerà anche un file JavaScript, denominato test.js, dove verrà scritto il codice di testing:
  1. <!DOCTYPE html>
  2. <html lang="it">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>Test delle caratteristiche dell'HTML 5</title>
  6.     <script src="test.js"></script>
  7. </head>
  8. <body>
  9.     <div id="placeholder">
  10.     </div>
  11. </body>
  12. </html>
Per quanto attiene al file test.js, esso avrà la seguente struttura di base:
  1. var HTML5 = {};
  2.  
  3. HTML5.Features =
  4. {
  5.     hasCanvas: function ()
  6.     {
  7.         // test qui
  8.     },
  9.     hasVideo: function ()
  10.     {
  11.         // test qui
  12.     }
  13.     // altre funzioni di test
  14.     // ...
  15. }
  16.  
  17. var ApplicationTest =
  18. {
  19.     ph: null,
  20.     text: "Il browser attuale # l'elemento ",
  21.     init: function ()
  22.     {
  23.         ApplicationTest.ph = document.getElementById("placeholder");
  24.  
  25.         // test per il supporto del canvas
  26.         ApplicationTest.supportCanvas();
  27.  
  28.         // altri test
  29.         // ...
  30.     },
  31.     supportCanvas: function ()
  32.     {
  33.  
  34.     }
  35.     // altre funzioni di test
  36.     // ...
  37. };
  38.  
  39. window.onload = ApplicationTest.init;
Nel file test.js avremo definito così: l’oggetto HTML5, il quale conterrà un oggetto, denominato Features, che presenta delle funzioni di test per accertare se il browser attualmente in uso supporta la relativa caratteristica; e un oggetto ApplicationTest, con le funzioni che utilizzeranno l’oggetto HTML5 e visualizzeranno, in un elemento div denominato placeholder, il risultato delle operazioni di test.
Manda ad un amico Aggiungi ai preferiti Sottoscrivi la discussione Stampa
Commenta
Precedente: Wild Fox Project, una versione modificata di Firefox con supporto H.264
Successiva: HTTP 1.1: modifiche nella specifica dei messaggi di risposta (2/4)
Intervento di Francesco Zoccali a.k.a. squark del 23-05-2010 ore 00:34, Galatro (RC)
Plebeo
Plebeo
(15 interventi)
Iscritto il 03-09-2002
Ma, scusatemi, per istanziare ed usare un oggetto non bisognerebbe prima creare la relativa classe da istanziare?

Sono forse rimasto molto indietro con la programmazione ad oggetti relativa a Javascript?
Se è così segnalatemi una guida con la quale aggiornarmi!

:)))

Grazie,
un cordiale saluto,
Squark

Segnala un abuso
Rispondi
Intervento di Pellegrino Principe a.k.a. thp1972 del 24-05-2010 ore 12:12, Guidonia montecelio (RM)
Plebeo
Plebeo
(18 interventi)
Iscritto il 27-09-2008
Con Javascript puoi creare degli oggetti con una
sintassi definita "notazione letterale".

Infatti quando scrivo:

var HTML5 = {};

la variabile HTML5 conterrà un riferimento ad un oggetto creato dall'utilizzo della speciale sintassi {}.

Ovviamente avrei potuto fare anche:

function HTML5() {}

o anche

var HTML5 = function() {}

e poi

var html_obj = new HTML5();

Considera però che nel caso dell'oggetto creato con la notazione letterale non puoi avere delle sue istanze con delle proprietà che hanno dei valori specifici...se proprio vuoi pensa agli oggetti creati con la notazione letterale come a delle classi statiche.

Per i libri, tra i tanti, ti consiglio:
  • Object-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries;
  • JavaScript: The Good Parts;
  • JavaScript Bible.

Dai un'occhiata anche a JSON

Bye
Segnala un abuso
Rispondi
Intervento di Francesco Zoccali a.k.a. squark del 24-05-2010 ore 23:35, Galatro (RC)
Plebeo
Plebeo
(15 interventi)
Iscritto il 03-09-2002
Ok, ho fatto delle prova ed ho capito, almeno in linea generale, il meccanismo della notazione letterale delle classi, grazie per la dritta.

Visto che ci sono vorrei chiedere al volo se HTML 5, oltre a supportare 'canvas' ed i player nativi di audio e video, permette anche, come novità, di creare ed usare dei database nativi senza l'uso dei database di Access o di SQL Server o di MySql permettendone magari l'interrogazione tramite il linguaggio SQL.

Grazie ancora,
ciao

Segnala un abuso
Rispondi
Intervento di Pellegrino Principe a.k.a. thp1972 del 25-05-2010 ore 09:53, Guidonia montecelio (RM)
Plebeo
Plebeo
(18 interventi)
Iscritto il 27-09-2008
Quello che chiedi tu lo puoi trovare in un set di API definite
Web SQL Database API.

Fai attenzione che per ora non fanno parte delle specifiche di HTML 5...

Bye
Segnala un abuso
Rispondi
Intervento di Pellegrino Principe a.k.a. thp1972 del 25-05-2010 ore 09:54, Guidonia montecelio (RM)
Plebeo
Plebeo
(18 interventi)
Iscritto il 27-09-2008
Quello che chiedi tu lo puoi trovare in un set di API definite
Web SQL Database API.

Fai attenzione che per ora non fanno parte delle specifiche di HTML 5...

Bye
Segnala un abuso
Rispondi
Intervento di Francesco Zoccali a.k.a. squark del 25-05-2010 ore 22:03, Galatro (RC)
Plebeo
Plebeo
(15 interventi)
Iscritto il 03-09-2002
Grazie mille di tutto,

ora devo solo trovare una guida in italiano per i comuni mortali riguardo l'uso delle molto interessanti 'Database API' ed imparare ad usarle a dovere. In tal modo posso finalmente creare degli applicativi, anche se semplici, che funzionino usando il solo browser.

Buon lavoro,
Ciao

Segnala un abuso
Rispondi
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.308 secondi.