migração e compatibilidade de aplicações para ie9 e ie10 wcl304 alex kondera mvp windows...
TRANSCRIPT
![Page 1: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/1.jpg)
![Page 2: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/2.jpg)
Migração e Compatibilidade de aplicações para IE9 e IE10WCL304
Alex KonderaMVP Windows Internet ExplorerCompany
![Page 3: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/3.jpg)
AgendaO Internet Explorer e Padrões Web
Posicionamento atual do IE
O que causa problema?O que mudou e boas práticas
Mecanismo de Compatibilidade do IE9Como o IE9 garante a compatibilidade
FerramentasAlém do bloco de notas...
Compatibilidade além do IE8Perspectiva de compatibilidade futura
![Page 4: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/4.jpg)
Mas e o IE6?
![Page 5: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/5.jpg)
IE e Padrões Web
![Page 6: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/6.jpg)
Antes do IE9
Página Construída para o IE6
6
1. Identificar o navegador
2. Atender à página correta
Sou o IE6
Ajustar as páginas para diferentes navegadores
Sou o Firefox / Safari / Chrome
Página outros brosers
Página Construída para o IE7
Sou o IE7
7
Página Construída
para os padrões
IE e Padrões Web
![Page 7: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/7.jpg)
Depois do IE9IE e Padrões Web
Sou o IE8
Sou o Firefox
Sou o Chrome
Sou o Safari
Página Construída para os padrões
9SuporteHTML 5CSS 3JavaScript APIs
![Page 8: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/8.jpg)
A compatibilidade e os sites:
Página Construída para o IE6
6
1. Identificar o navegador
2. Atender à página correta
Sou o IE6
Os desenvolvedores ajustam suas páginas para diferentes navegadores
Sou o Firefox / Safari / Chrome
Página Construída para o IE6
Página Construída para o IE7
Sou o IE7
7
Página Construída
para os padrões
Como é hoje:
![Page 9: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/9.jpg)
A compatibilidade e os sites:
Padrão permite que uma única página funcione em todos os navegadores que estejam de acordo.
Sou o Firefox
Sou o IE8
Sou o Safari
Sou o Chrome
Página Construída para os padrões
Conteúdos criados para versões anteriores do Internet Explorer (6, 7) podem ser incompatíveis com o modo padrão do Internet Explorer 8 – mas o modo de compatibilidade ajuda a resolver o problema.
9
A tendência:
![Page 10: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/10.jpg)
demo
Compatibilizando uma página
NameTitleGroup
![Page 11: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/11.jpg)
Mecanismo de Compatibilidade do IE9
![Page 12: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/12.jpg)
Enfoque na compatibilidade
Código para os Padrões do IE9
Site na Lista Compatibilidade
Implantação da X-UA- Compatible Tag
Botão de Compatibilidade
Boa Experiência de UsuárioMelhor Experiência de UsuárioNecessário um Menor Esforço do
SiteNecessário um Maior Esforço do Site
O enfoque na compatibilidade da Microsoft equilibra o desejo de promover a adoção de padrões da web com a oferta da melhor experiência de usuário
com os sites atuais
OIE 9 atende aos padrões mais amplos do W3C
![Page 13: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/13.jpg)
Mecanismo de compatibilidade Para o usuário:
![Page 14: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/14.jpg)
Mecanismo de compatibilidade Tag META:
Nome Valor
Quirks IE=5
IE7 Standards IE=7
IE7 Standards IE=EmulateIE7
IE8 Standards IE=8
IE8 Standards IE=EmulateIE8
Assume o mais atual IE=edge
<meta http-equiv="X-UA-Compatible" content="IE=7" />
![Page 15: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/15.jpg)
Mecanismo de compatibilidade Como o Document Mode é definido
Document ModeDoctype Tag Meta DocumentMode
Nenhum Nenhum IE5
Doctype Antigo Nenhum IE5
Doctype Recente/Desconhecido Nenhum IE8
Qualquer Doctype IE=5 IE5
Qualquer Doctype IE=7 IE7
Qualquer Doctype IE=EmulateIE7 Depende do Doctype
Qualquer Doctype IE=8 IE8
Qualquer Doctype IE=EmulateIE8 IE8
Qualquer Doctype IE=Edge IE8
<script type="text/javascript"> // Qual Engine meu documento usa? document.write("Meu documento usa o Engine do IE" + document.documentMode); </script>
![Page 16: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/16.jpg)
FerramentasPara teste, desenvolvimento e compatibilidade
Internet Explorer Developer ToolsDesenvolvimento
TesteCompatibilidade
IE Compatibility and Test ToolParte do ACT (Application Compatiblity Toolkit)
CompatibilidadeExpression Web Super Preview for IE
Teste e Compatibilidade
![Page 17: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/17.jpg)
demo
IE Developer Tools eExpression Web 4 SuperPreviewNameTitleGroup
![Page 18: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/18.jpg)
Compatibilidade além do IE9IE 10, IE 11....
Suporte aos padrões webComo migrar para IE9 é o melhor caminhoSuporte total ao mecanismo de compatibilidade
![Page 19: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/19.jpg)
demo
Compatibilidade com IE 10
NameTitleGroup
![Page 20: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/20.jpg)
PowerPoint GuidelinesFont, size, and color for text have been formatted for you in the Slide MasterThis template uses Arial a standard font included in Office 2007, Office 2010, Windows Vista and Windows 7Use the color palette shown below
Sample FillSample FillSample Fill
Sample FillSample FillSample Fill
Sample Fill
Sample Fill
![Page 21: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/21.jpg)
Chart Example
Category 1Category 2
Category 3Category 4
0
1
2
3
4
5
6
Series 4
Series 3
Series 2
Series 1
![Page 22: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/22.jpg)
Slide for Showing Developer’s Software Code
Use this layout to show software codeThe font is Consolas, a monospace font The slide doesn’t use bullets but levels can be indented using the “Increase List Level” icon on the Home menu
![Page 23: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/23.jpg)
demo
Demo Title
NameTitleGroup
![Page 24: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/24.jpg)
Video Title
video
![Page 25: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/25.jpg)
partner
Partner Title
NameTitleCompany
![Page 26: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/26.jpg)
customer
Customer Title
NameTitleCompany
![Page 27: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/27.jpg)
announcement
Announcement Title
![Page 28: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/28.jpg)
Title
![Page 29: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/29.jpg)
Conteúdo RelacionadoBreakout Sessions (session codes and titles)
Interactive Sessions (session codes and titles)
Hands-on Labs (session codes and titles)
Product Demo Stations (demo station title and location)
Related Certification Exam
Find Me Later At…
![Page 30: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/30.jpg)
Conteúdo Relacionadohttp://msdn.microsoft.com/en-us/ie/cc405106
http://technet.microsoft.com/pt-br/library/gg699432.aspx
http://ie.microsoft.com/testdrive/
http://www.internetexplorer9.com.br/
Related Certification Exam
Find Me Later At…
![Page 31: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/31.jpg)
Palestras RelacionadasResource 1
Resource 2
Resource 3
Resource 4
![Page 32: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/32.jpg)
Recursos
Recursos para IT Pros
Recursos para Desenvolvedores
http://technet.microsoft.com/pt-br
http://msdn.microsoft.com/pt-br
Getthefreemobileappforyourphone
http://gettag.mobi
Getthefreemobileappforyourphone
http://gettag.mobi
![Page 33: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/33.jpg)
Não esqueça de preencher sua
avaliação onlinewww.teched.com.br/
avaliacao
Getthefreemobileappforyourphone
http://gettag.mobi
![Page 34: Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company](https://reader036.vdocuments.net/reader036/viewer/2022081602/552fc181497959413d8f3036/html5/thumbnails/34.jpg)
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after
the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.