Developer Evangelist, Microsoft. Blogs.msdn.com/. pietrobr. Internet Explorer 8. Compatibilità. . e standard. Agenda. Approcci. . alla. . compatibilità. Document compatibility. Concetti. e . Tecniche.
Download Presentation - The PPT/PDF document "Pietro Brambati" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Presentation on theme: "Pietro Brambati"— Presentation transcript:
Slide1
Pietro BrambatiDeveloper Evangelist, MicrosoftBlogs.msdn.com/pietrobr
Internet Explorer 8
Compatibilità
e standard
Slide2
Agenda
Approcci
alla
compatibilità
Document compatibility
Concetti
e
Tecniche
Meta Tag, Header
Come
determinare
la
Versione
del browser
Version Vector
User Agent
Determinare
la document compatibility
da
codice
Slide3
Approcci
alla
compatibilità
Slide4
Cos’è la document compatibility
Internet Explorer 6:
Quirk Mode: (default),
visualizzava
come le
versioni
precedenti
Standard Mode: segue
gli
standard
<!DOCTYPE> per la
scelta
della
modalità
Internet Explorer 7:
Supporta
due
modalità
Necessaria
una
migrazione
da
un
sito
pensato
per IE 6
Internet Explorer 8: introduce la document compatibility
Controllo
in IE8
quale
motore
di
layout
usare
in base a come è
fatto
il
sito
Quirk
IE 7 Standard
IE 8 Standard (
nuova
)
Slide5
Approcci alla compatibilità
1.
sviluppare
per IE8 Standards
4. Affidarsi alla Compat. List
2. Implementare il tag X-UA-Compatible
5.
Affidarsi
all’utente: Compat. Button
User Experience
limitata
User Experience
migliorata
Minor
sforzo
per il sito
Maggior impegno
3.
Visualizzare
siti
Intranet Compatibility Mode
Slide6
1. Sviluppare per IE8 Standard Mode
HTML
ACID 2
CSS 2.1
CSS 2.1 compliance
DOM:
miglioramenti
HTML:
miglioramenti
Acid2 Test compliance
Slide7
2. Usare X-UA-Compatible Tag
Gli sviluppatori di siti web possono dire a IE8 per quale versione di IE il sito è stato sviluppato. Impostabile a livello di sito, a livello di pagina, includendo un tag
Valore TagSignificatoIE=5“Quirks” modeIE=7Usare sempre IE7 Standard modeIE=EmulateIE7In IE7 Standard mode a meno che il sito abbia “Quirks” DOCTYPEIE=8Usare sempre IE8 modeIE=EmulateIE8Usare questo tag per sovrascrivere quanto impostato dall’utente e forzare IE8 modeIE=EdgeVisualizzare nella modalità più avanzata; Al rilascio di IE8 è equivalente a IE=8
Consigliato
Slide8
3. Visualizzare i siti della Intranet in Compatibility Mode
Per default, IE8
visualizza i siti della “Intranet” in IE7 modeL’utente la può disabilitareIT Pro può usare una Group Policy per visualizzare un sito della intranet in IE8 mode
Slide9
4. La “Compatibility View List"
Se uno tra i siti più grandi ha riportato dei problemi di compatibiltità a MicrosoftIE8 visualizzerà il sito in compatibility mode
Slide10
5. L’utente può premere il Compatibility Button
Vicino al bottone di refreshSimile a X-UA-Compatible tag (IE=EmulateIE7), ma la User-Agent String visualizza come browser IE7
Slide11
Compatibility View
Sito aggiunto alla lista di compatibilitàPer rimuove il sito dalla listaContent=“IE=EmulateIE8”UA String DetectionMozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; SLCC1; .NET CLR 3.5.21022)
Rappresenta l’identità del BrowserMandata al web server via HTTP headerDisponibile client-side via script javascript:alert(navigator.userAgent)
Slide21
Parsing della User Agent String
function
getInternetExplorerVersion
()
// Returns the version of Windows Internet Explorer or a -1
// (indicating the use of another browser).
{
var
rv
= -1; // Return value assumes failure.
if (
navigator.appName
== 'Microsoft Internet Explorer')
{
var
ua
=
navigator.userAgent
;
var
re = new
RegExp
("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (
re.exec
(
ua
) != null)
rv
=
parseFloat
( RegExp.$1 );
}
return
rv
;
}
Slide22
Controllare la versione del browser
function
checkVersion(){ var msg = "You're not using IE."; var ver = getInternetExplorerVersion(); if ( ver> -1 ) { if ( ver>= 8.0 ) msg = "You're using a recent copy of IE." else msg = "You should upgrade your copy of IE"; } alert( msg );}
