View
105
Download
3
Category
Preview:
Citation preview
Migração e Compatibilidade de aplicações para IE9 e IE10WCL304
Alex KonderaMVP Windows Internet ExplorerCompany
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
Mas e o IE6?
IE e Padrões Web
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
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
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:
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:
demo
Compatibilizando uma página
NameTitleGroup
Mecanismo de Compatibilidade do IE9
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
Mecanismo de compatibilidade Para o usuário:
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" />
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>
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
demo
IE Developer Tools eExpression Web 4 SuperPreviewNameTitleGroup
Compatibilidade além do IE9IE 10, IE 11....
Suporte aos padrões webComo migrar para IE9 é o melhor caminhoSuporte total ao mecanismo de compatibilidade
demo
Compatibilidade com IE 10
NameTitleGroup
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
Chart Example
Category 1Category 2
Category 3Category 4
0
1
2
3
4
5
6
Series 4
Series 3
Series 2
Series 1
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
demo
Demo Title
NameTitleGroup
Video Title
video
partner
Partner Title
NameTitleCompany
customer
Customer Title
NameTitleCompany
announcement
Announcement Title
Title
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…
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…
Palestras RelacionadasResource 1
Resource 2
Resource 3
Resource 4
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
Não esqueça de preencher sua
avaliação onlinewww.teched.com.br/
avaliacao
Getthefreemobileappforyourphone
http://gettag.mobi
© 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.
Recommended