Desenvolver para a barra lateral
A barra lateral no Microsoft Edge é um painel persistente localizado na lateral do navegador, que coexiste com o conteúdo primário do navegador. A barra lateral permite que os usuários acessem facilmente sites e utilitários populares ao lado de suas guias de navegador. O conteúdo na barra lateral aumenta a tarefa principal do usuário, habilitando a navegação lado a lado e minimizando a necessidade de alternar contextos entre as guias do navegador. Usando a barra lateral no Microsoft Edge, os usuários podem acessar as ferramentas de produtividade de que precisam enquanto permanecem em seu fluxo de trabalho.
Como desenvolvedor, você pode aproveitar a barra lateral para suas próprias experiências de duas maneiras:
- Adaptando seu PWA (Aplicativo Web Progressivo) existente para ser executado na barra lateral.
- Ao fazer uso da API da Barra Lateral em sua extensão do Microsoft Edge.
Escolha a abordagem certa
As duas maneiras diferentes em que você pode aproveitar a barra lateral são projetadas para atender às diferentes necessidades do desenvolvedor. Veja a seguir as principais diferenças entre aplicativos de barra lateral e extensões de barra lateral:
| Aspecto | Aplicativo de barra lateral | Extensão da barra lateral |
|---|---|---|
| Definição de termo | Um PWA (Aplicativo Web Progressivo) que é executado na barra lateral. | Uma extensão do Microsoft Edge que exibe conteúdo na barra lateral. |
| Distribuição | Como um site, o aplicativo é hospedado no servidor Web do aplicativo. | A extensão é distribuída por meio do site de Complementos do Microsoft Edge. |
| Recursos | O aplicativo pode usar todas as APIs e recursos da Web, bem como recursos do PWA, como suporte offline, push ou acesso ao sistema de arquivos. | A extensão pode usar APIs de extensão avançadas, como ler ou modificar a página atual. |
| Context | O aplicativo é executado em seu próprio contexto Web, separado da guia main. | A extensão pode acessar a página da Web atual e modificar a página da Web por meio do script de conteúdo da extensão. |
| Instalação | O usuário instala o aplicativo interagindo com a barra lateral ao visitar o site do aplicativo. | A extensão é instalada pelo usuário do site suplementos do Microsoft Edge. |
| Experiência do usuário | O aplicativo tem seu próprio ícone na barra lateral. Clicar no ícone abre a barra lateral se ele estiver fechado e exibir o conteúdo do aplicativo. | A experiência do usuário depende da extensão. A extensão pode abrir a barra lateral dependendo dos sites que o usuário visita no navegador. |
| Tecnologias usadas | Desenvolvimento da Web e PWA. Consulte Visão geral do APLICATIVOS WEB Progressivo (PWAs). | Desenvolvimento de extensão. Consulte Visão geral das extensões do Microsoft Edge. |
Aplicativos de barra lateral
Os aplicativos de barra lateral permitem que você adapte seu PWA (Aplicativo Web Progressivo) existente para ser executado com segurança junto com outras guias do navegador para uma experiência de co-navegação lado a lado. Essa abordagem é uma ótima opção para desenvolvedores Web que desejam oferecer experiências complementares, incluindo aplicativos sociais, de mensagens ou de mídia que não exigem recursos de extensões avançadas.
A infraestrutura do aplicativo de barra lateral ajuda os usuários a descobrir e instalar aplicativos de barra lateral à medida que navegam na Web, fornecendo grande descoberta para seu aplicativo apenas fazendo uma simples alteração no arquivo de manifesto do aplicativo Web. Aplicativos de barra lateral são uma ótima opção se você quiser reutilizar seu aplicativo Web existente para a barra lateral no Microsoft Edge e fazer uso completo dos recursos da Web que estão disponíveis para PWAs.
Para saber mais sobre PWAs e como criá-las, confira Visão geral do Aplicativos Web Progressivo (PWAs). E para saber mais sobre como adaptar o PWA existente à barra lateral no Microsoft Edge, confira Criar PWAs para a barra lateral no Microsoft Edge.
Extensões de barra lateral
As extensões do Microsoft Edge podem usar opcionalmente a API da barra lateral para mostrar uma interface do usuário personalizada na barra lateral no Microsoft Edge. Isso se soma aos outros locais em que as extensões também aparecem, como na barra de ferramentas do Microsoft Edge ou como pop-ups.
Se a experiência do aplicativo depender de APIs de extensões poderosas, por exemplo, para ler ou modificar a página atual, uma extensão de barra lateral fornecerá esses recursos. Os usuários podem encontrar e instalar essas extensões por meio do site de Complementos do Microsoft Edge. A equipe do Microsoft Edge continua evoluindo esses modelos de extensibilidade da barra lateral e recebe seus comentários. Para deixar comentários, crie um novo problema no repositório ou pesquise problemas existentes e participe de conversas existentes.
Para saber mais sobre as extensões do Microsoft Edge e como criá-las, confira Visão geral das extensões do Microsoft Edge. E para saber mais sobre como usar a API da barra lateral em sua extensão, confira Extensões na barra lateral do Microsoft Edge.