Migração e Compatibilidade de aplicações para IE9 e IE10 WCL304 Alex Kondera MVP Windows Internet Explorer Company

Agenda O 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 IE9 Como o IE9 garante a compatibilidade Ferramentas Além do bloco de notas... Compatibilidade além do IE8 Perspectiva de compatibilidade futura

Mas e o IE6?

IE e Padrões Web

Antes do IE9 Página Construída para o IE 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 IE9 IE e Padrões Web Sou o IE8 Sou o Firefox Sou o Chrome Sou o Safari Página Construída para os padrões 9 Suporte HTML 5 CSS 3 JavaScript APIs

A compatibilidade e os sites: Página Construída para o IE 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 Name Title Group

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ário Melhor Experiência de Usuário Necessário um Menor Esforço do Site Necessá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:

Mecanismo de compatibilidade Como o Document Mode é definido Document Mode DoctypeTag MetaDocumentMode NenhumNenhumIE5 Doctype Antigo NenhumIE5 Doctype Recente/Desconhecido NenhumIE8 Qualquer Doctype IE=5IE5 IE=7IE7 IE=EmulateIE7 Depende do Doctype Qualquer Doctype IE=8IE8 IE=EmulateIE8IE8 IE=EdgeIE8 // Qual Engine meu documento usa? document.write("Meu documento usa o Engine do IE" + document.documentMode);

Ferramentas Para teste, desenvolvimento e compatibilidade Internet Explorer Developer Tools Desenvolvimento Teste Compatibilidade IE Compatibility and Test Tool Parte do ACT (Application Compatiblity Toolkit) Compatibilidade Expression Web Super Preview for IE Teste e Compatibilidade

demo IE Developer Tools e Expression Web 4 Super Preview Name Title Group

Compatibilidade além do IE9 IE 10, IE Suporte aos padrões web Como migrar para IE9 é o melhor caminho Suporte total ao mecanismo de compatibilidade

demo Compatibilidade com IE 10 Name Title Group

PowerPoint Guidelines Font, size, and color for text have been formatted for you in the Slide Master This template uses Arial a standard font included in Office 2007, Office 2010, Windows Vista and Windows 7 Use the color palette shown below Sample Fill

Chart Example

Slide for Showing Developer’s Software Code

demo Demo Title Name Title Group

Video Title video

partner Partner Title Name Title Company

customer Customer Title Name Title Company

announcement Announcement Title

Title

Conteúdo Relacionado Slide Obrigatorio Palestrantes, Por favor listar conteudos existentes dentro das paginas dos produtos ( mbrasil) e paginas do TechNet e MSDN (technet.microsoft. com/brasil – msdn.microsoft./co m/brasil) mbrasil Breakout 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 Relacionado Slide Obrigatorio Palestrantes, Por favor listar conteudos existentes dentro das paginas dos produtos ( mbrasil) e paginas do TechNet e MSDN (technet.microsoft. com/brasil – msdn.microsoft./co m/brasil) mbrasil Related Certification Exam Find Me Later At…

Palestras Relacionadas Resource 1 Resource 2 Resource 3 Resource 4

Recursos Recursos para IT Pros Recursos para Desenvolvedores

Não esqueça de preencher sua avaliação online

© 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.