Desenvolver experiências para a barra lateral no Microsoft Edge
A barra lateral no Microsoft Edge é um painel persistente localizado na parte lateral do browser, que coexiste com o conteúdo principal do browser. A barra lateral permite que os utilizadores acedam facilmente a sites e utilitários populares juntamente com os respetivos separadores do browser. O conteúdo na barra lateral aumenta a tarefa principal do utilizador ao ativar a navegação lado a lado e minimizar a necessidade de alternar entre separadores do browser. Ao utilizar a barra lateral no Microsoft Edge, os utilizadores podem aceder às ferramentas de produtividade de que precisam enquanto se mantêm no fluxo de trabalho.
Enquanto programador, pode tirar partido da barra lateral para as suas próprias experiências de duas formas:
- Ao adaptar a Aplicação Web Progressiva (PWA) existente para ser executada na barra lateral.
- Ao utilizar a API da Barra Lateral na extensão do Microsoft Edge.
Escolher a abordagem certa
As duas formas diferentes de tirar partido da barra lateral foram concebidas para satisfazer as diferentes necessidades do programador. Seguem-se as principais diferenças entre as aplicações da barra lateral e as extensões da barra lateral:
| Aspeto | Aplicação da barra lateral | Extensão da barra lateral |
|---|---|---|
| Definição de termo | Uma Aplicação Web Progressiva (PWA) que é executada na barra lateral. | Uma extensão do Microsoft Edge que apresenta conteúdo na barra lateral. |
| Distribuição | Tal como um site, a aplicação está alojada no servidor Web da aplicação. | A extensão é distribuída através do site suplementos do Microsoft Edge. |
| Recursos | A aplicação pode utilizar todas as APIs e funcionalidades Web, bem como funcionalidades do PWA, como suporte offline, push ou acesso ao sistema de ficheiros. | A extensão pode utilizar APIs de extensão avançadas, como ler ou modificar a página atual. |
| Contexto | A aplicação é executada no seu próprio contexto Web, separada do separador main. | A extensão pode aceder à página Web atual e modificar a página Web através do script de conteúdo da extensão. |
| Instalação | O utilizador instala a aplicação ao interagir com a barra lateral ao visitar o site da aplicação. | A extensão é instalada pelo utilizador a partir do site suplementos do Microsoft Edge. |
| Experiência do usuário | A aplicação tem o seu próprio ícone na barra lateral. Clicar no ícone abre a barra lateral se tiver sido fechada e apresentar os conteúdos da aplicação. | A experiência do utilizador depende da extensão. A extensão pode abrir a barra lateral consoante os sites que o utilizador visita no browser. |
| Tecnologias usadas | Desenvolvimento Web e PWA. Veja Descrição geral da Aplicativos Web Progressiva (PWAs). | Desenvolvimento de extensões. Veja Descrição geral das extensões do Microsoft Edge. |
Aplicações da barra lateral
As aplicações da barra lateral permitem-lhe adaptar a sua Aplicação Web Progressiva (PWA) existente para ser executada de forma segura juntamente com outros separadores do browser para uma experiência de co-navegação lado a lado. Esta abordagem é uma ótima opção para programadores Web que pretendem oferecer experiências complementares, incluindo aplicações sociais, de mensagens ou de multimédia que não necessitam de funcionalidades de extensões avançadas.
A infraestrutura de aplicações da barra lateral ajuda os utilizadores a detetar e instalar aplicações da barra lateral à medida que navegam na Web, proporcionando uma excelente deteção para a sua aplicação apenas ao fazer uma alteração simples ao ficheiro de manifesto da sua aplicação Web. As aplicações da barra lateral são uma ótima opção se quiser reutilizar a sua aplicação Web existente para a barra lateral no Microsoft Edge e utilizar plenamente as capacidades Web que estão disponíveis para PWAs.
Para saber mais sobre pwAs e como criá-los, veja Descrição geral do Aplicativos Web Progressivo (PWAs). Para saber mais sobre como adaptar o seu PWA existente à barra lateral no Microsoft Edge, consulte Build PWAs for the sidebar in Microsoft Edge (Criar PWAs para a barra lateral no Microsoft Edge).
Extensões da barra lateral
Opcionalmente, as extensões do Microsoft Edge (suplementos) podem utilizar a API da barra lateral para mostrar uma IU personalizada na barra lateral no Microsoft Edge. Isto para além dos 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 da sua aplicação depender de APIs de extensões avançadas, por exemplo, para ler ou modificar a página atual, uma extensão da barra lateral fornece estas capacidades. Os utilizadores podem encontrar e instalar estas extensões através do site suplementos do Microsoft Edge. A equipa do Microsoft Edge continua a desenvolver estes modelos de extensibilidade da barra lateral e agradece o seu feedback. Para deixar comentários, crie um novo problema no repositório ou procure problemas existentes e participe em conversações existentes.
Para saber mais sobre as extensões do Microsoft Edge e como criá-las, consulte Descrição geral das extensões do Microsoft Edge. Para saber mais sobre como utilizar a API da barra lateral na sua extensão, consulte Desenvolver uma extensão para a barra lateral do Microsoft Edge.