Este tutorial demonstra a criação de um navegador básico da Web no Windows 10 usando o controle da Web WebView Microsoft Edge e as tecnologias da Web padrão (HTML, CSS, JavaScript). Enquanto um equivalente baseado em Mac não é diretamente suportado, máquinas virtuais ou que compravam uma compilação de insider oferecem soluções alternativas.

O Controle da WebView oferece vantagens significativas sobre os IFRames, incluindo o manuseio aprimorado de eventos de carregamento de quadros e carregamento de documentos. A tag x-ms-webview fornece recursos exclusivos, como acesso ao conteúdo local aprimorado e funcionalidade de captura de tela. O navegador resultante aproveita a mesma plataforma da web que o Microsoft Edge.

Obtenha o código de amostra:

O código -fonte completo está disponível no Github. Você também pode experimentar o navegador diretamente instalando o aplicativo no Windows Store ou implantando a solução do Visual Studio.

Este projeto mostra a facilidade de criar um navegador funcional com tecnologias da Web padrão e o controle da WebView. A Microsoft incentiva a exploração adicional do desenvolvimento do Windows 10.

outros recursos de desenvolvimento da web:

Este artigo faz parte de uma série da Microsoft com foco em JavaScript prático, projetos de código aberto e práticas recomendadas de compatibilidade de navegador cruzado. Aproveite esses recursos para aprimorar suas habilidades de desenvolvimento da Web:

• dev.modern.ie: .. Fornece máquinas virtuais para Mac, Linux e Windows e testes remotos para o Microsoft Edge. Inclui um laboratório de codificação Github em testes de navegador cruzado.
• Microsoft Edge Web Summit 2015: fornece informações detalhadas sobre o novo navegador, padrões da plataforma da web suportados e insights da comunidade JavaScript.
• RECURSOS ADICIONAIS: Explore os artigos sobre técnicas avançadas de JavaScript, o mecanismo de renderização de borda, webgl, aplicativos da web hospedados e muito mais (links para artigos específicos omitidos para brevidade).
• ferramentas cruzadas: Utilize o código do Visual Studio (disponível para Linux, MacOS e Windows) e Azure (teste gratuito disponível).

Perguntas frequentes (FAQ):

• O que é Edgehtml? Edgehtml é o mecanismo de navegador proprietário da Microsoft, um garfo de tridente, oferecendo suporte aos padrões modernos, desempenho aprimorado e segurança aprimorada.
• como o Edgehtml difere de outros motores? Edgehtml Prioriza o design leve para navegar mais rápido e suporta modos de renderização moderna e legado.
• posso usar outros motores? sim, motores como piscar, lagartixa e webkit são alternativas, mas a implementação será diferente.
• pré -requisitos? lidando com a entrada do usuário?
• Adicionando back/forward/refresch? utiliza Javascript's history
e
• Location Objects. Aparência personalizada? use CSS para estilizar elementos do navegador.
• Debugging? usa o Developer Tools do Edge.
• bibliotecas de terceiros? use bibliotecas compatíveis.
• compatibilidade cruzada? O desenvolvimento da plataforma cruzada requer um mecanismo de plataforma cruzada.
Esta resposta revisada mantém o significado do conteúdo original, melhorando a legibilidade e a estrutura. Ele também condensa algumas seções para a concisão.